@synerise/ds-date-range-picker 0.31.11 → 0.32.0
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 +11 -0
- package/dist/DateRangePicker.js +8 -15
- package/dist/DateRangePicker.styles.d.ts +0 -2
- package/dist/DateRangePicker.styles.js +3 -8
- package/dist/DateRangePicker.types.d.ts +6 -2
- package/dist/Footer/Footer.d.ts +3 -32
- package/dist/Footer/Footer.js +8 -12
- package/dist/Footer/Footer.types.d.ts +4 -5
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +35 -40
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +3 -7
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +40 -45
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +7 -11
- package/dist/RangeFilter/RangeFilter.js +24 -28
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts +13 -9
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.js +2 -1
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.styles.d.ts +2 -2
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.d.ts +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +15 -16
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +3 -1
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +3 -7
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types.d.ts +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +69 -74
- package/dist/RangeFilter/utils.js +17 -21
- package/dist/RangePicker/RangePicker.js +48 -52
- package/dist/RangePicker/RangePicker.styles.d.ts +2 -2
- package/dist/RangePickerInput/RangePickerInput.js +3 -7
- package/dist/RawDateRangePicker.d.ts +5 -34
- package/dist/RawDateRangePicker.js +265 -321
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.d.ts +2 -2
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +2 -2
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.types.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +2 -2
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.types.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +6 -6
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +6 -6
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.types.d.ts +1 -1
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +2 -6
- package/dist/RelativeRangePicker/RelativeRangePicker.js +24 -28
- package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +1 -1
- package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.js +2 -6
- package/dist/RelativeRangePicker/utils/updatePresetKey.utils.js +3 -7
- package/dist/modules.d.js +1 -1
- package/dist/style/index.css +1 -1
- package/dist/utils.js +4 -8
- package/package.json +24 -24
|
@@ -187,7 +187,9 @@ var RangeForm = function RangeForm(_ref) {
|
|
|
187
187
|
}, getModeLabel(modeName));
|
|
188
188
|
})) : null;
|
|
189
189
|
};
|
|
190
|
-
return /*#__PURE__*/React.createElement(S.Container,
|
|
190
|
+
return /*#__PURE__*/React.createElement(S.Container, {
|
|
191
|
+
"data-testid": "range-filter-form"
|
|
192
|
+
}, /*#__PURE__*/React.createElement(S.Row, {
|
|
191
193
|
justifyContent: "flex-start",
|
|
192
194
|
mode: rangeDisplayMode
|
|
193
195
|
}, rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER && limitModeSelect(), mode === FORM_MODES.HOUR ? singleHourPicker() : renderRangeUI(), !!onRangeDelete && !disabled && /*#__PURE__*/React.createElement(S.RemoveIconWrapper, {
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
function
|
|
2
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
5
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
2
|
import React from 'react';
|
|
7
3
|
import RangeForm from './RangeForm/RangeForm';
|
|
8
4
|
import { RANGE_DISPLAY_MODES } from './RangeForm/RangeForm.constants';
|
|
@@ -52,11 +48,11 @@ var RangeFormContainer = function RangeFormContainer(_ref) {
|
|
|
52
48
|
}
|
|
53
49
|
var updatedDays = {};
|
|
54
50
|
activeDays.forEach(function (i) {
|
|
55
|
-
updatedDays[i] =
|
|
51
|
+
updatedDays[i] = _extends({}, days[i], getDefaultFilterForLimitMode(selectedMode), {
|
|
56
52
|
mode: selectedMode
|
|
57
53
|
});
|
|
58
54
|
});
|
|
59
|
-
onChange(
|
|
55
|
+
onChange(_extends({}, days, updatedDays));
|
|
60
56
|
}, [onChange, days, activeDays, onModeChange]);
|
|
61
57
|
React.useEffect(function () {
|
|
62
58
|
setMode((dayValue == null ? void 0 : dayValue.mode) || valueSelectionModes[0] || DEFAULT_LIMIT_MODE);
|
|
@@ -10,7 +10,7 @@ export type RangeFormContainerProps = {
|
|
|
10
10
|
errorTexts?: FilterErrorType;
|
|
11
11
|
activeDays: DayKey[];
|
|
12
12
|
dayKeys: DayKey | DayKey[];
|
|
13
|
-
getDayLabel: (dayKey: DayKey, long?: boolean) =>
|
|
13
|
+
getDayLabel: (dayKey: DayKey, long?: boolean) => ReactNode;
|
|
14
14
|
getDayValue: (dayKey: DayKey) => Partial<FilterDefinition>;
|
|
15
15
|
onMultipleDayTimeChange: (value: DateValue) => void;
|
|
16
16
|
onDayTimeChange: (value: DateValue, dayKey: DayKey) => void;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
var _excluded = ["days", "numberOfDays", "daily", "intl", "texts", "disabled"];
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
2
|
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; }
|
|
4
|
-
function
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
4
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
7
5
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
8
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
10
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
11
6
|
import React, { PureComponent, createRef } from 'react';
|
|
12
7
|
import { range } from 'lodash';
|
|
13
8
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
@@ -32,16 +27,16 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
32
27
|
}
|
|
33
28
|
_this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
|
|
34
29
|
// eslint-disable-next-line react/destructuring-assignment
|
|
35
|
-
|
|
30
|
+
_this.state = {
|
|
36
31
|
activeDays: _this.props.daily ? [0] : [],
|
|
37
32
|
controlKeyPressed: false
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
};
|
|
34
|
+
_this.wrapperRef = createRef();
|
|
35
|
+
_this.isDayRestricted = function (dayKey) {
|
|
41
36
|
var days = _this.props.days;
|
|
42
37
|
return !!days[dayKey] && days[dayKey].restricted;
|
|
43
|
-
}
|
|
44
|
-
|
|
38
|
+
};
|
|
39
|
+
_this.checkActiveDay = function (dayKey) {
|
|
45
40
|
var isRangeDefined = _this.state.isRangeDefined;
|
|
46
41
|
if (!_this.isDayRestricted(dayKey) && isRangeDefined && !_this.haveActiveDaysCommonRange()) _this.checkDay(dayKey);
|
|
47
42
|
var _this$state = _this.state,
|
|
@@ -57,12 +52,12 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
57
52
|
updatedActiveDay = [dayKey];
|
|
58
53
|
}
|
|
59
54
|
_this.setState(function (state) {
|
|
60
|
-
return
|
|
55
|
+
return _extends({}, state, {
|
|
61
56
|
activeDays: updatedActiveDay
|
|
62
57
|
});
|
|
63
58
|
});
|
|
64
|
-
}
|
|
65
|
-
|
|
59
|
+
};
|
|
60
|
+
_this.uncheckActiveDay = function (dayKey) {
|
|
66
61
|
var _this$state2 = _this.state,
|
|
67
62
|
activeDays = _this$state2.activeDays,
|
|
68
63
|
controlKeyPressed = _this$state2.controlKeyPressed;
|
|
@@ -73,13 +68,13 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
73
68
|
});
|
|
74
69
|
}
|
|
75
70
|
_this.setState(function (state) {
|
|
76
|
-
return
|
|
71
|
+
return _extends({}, state, {
|
|
77
72
|
activeDays: updatedActiveDay
|
|
78
73
|
});
|
|
79
74
|
});
|
|
80
75
|
_this.removeDaySelection(dayKey);
|
|
81
|
-
}
|
|
82
|
-
|
|
76
|
+
};
|
|
77
|
+
_this.handleToggleDay = function (dayKey, forcedState) {
|
|
83
78
|
var _this$state3 = _this.state,
|
|
84
79
|
activeDays = _this$state3.activeDays,
|
|
85
80
|
controlKeyPressed = _this$state3.controlKeyPressed;
|
|
@@ -92,26 +87,26 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
92
87
|
} else {
|
|
93
88
|
activeDays.includes(dayKey) ? _this.uncheckActiveDay(dayKey) : _this.checkActiveDay(dayKey);
|
|
94
89
|
}
|
|
95
|
-
}
|
|
96
|
-
|
|
90
|
+
};
|
|
91
|
+
_this.handleClearDay = function (dayKey) {
|
|
97
92
|
_this.removeDaySelection(dayKey);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
var
|
|
93
|
+
};
|
|
94
|
+
_this.handleDayChange = function (dayKey, dayChanges) {
|
|
95
|
+
var _extends2;
|
|
101
96
|
var _this$props = _this.props,
|
|
102
97
|
onChange = _this$props.onChange,
|
|
103
98
|
days = _this$props.days;
|
|
104
|
-
onChange(
|
|
105
|
-
}
|
|
106
|
-
|
|
99
|
+
onChange(_extends({}, days, (_extends2 = {}, _extends2[dayKey] = _extends({}, _this.getDayValue(dayKey), dayChanges), _extends2)));
|
|
100
|
+
};
|
|
101
|
+
_this.removeDaySelection = function (dayKey) {
|
|
107
102
|
var _this$props2 = _this.props,
|
|
108
103
|
onChange = _this$props2.onChange,
|
|
109
104
|
days = _this$props2.days;
|
|
110
105
|
var updatedDays = days;
|
|
111
106
|
delete updatedDays[dayKey];
|
|
112
107
|
onChange(updatedDays);
|
|
113
|
-
}
|
|
114
|
-
|
|
108
|
+
};
|
|
109
|
+
_this.checkDay = function (dayKey) {
|
|
115
110
|
var onCheckDay = _this.props.onCheckDay;
|
|
116
111
|
_this.handleDayChange(dayKey, {
|
|
117
112
|
start: DEFAULT_RANGE_START,
|
|
@@ -120,23 +115,23 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
120
115
|
display: true
|
|
121
116
|
});
|
|
122
117
|
onCheckDay && onCheckDay(dayKey);
|
|
123
|
-
}
|
|
124
|
-
|
|
118
|
+
};
|
|
119
|
+
_this.handleDayTimeChange = function (value, dayKey) {
|
|
125
120
|
_this.handleDayChange(dayKey, {
|
|
126
121
|
restricted: true,
|
|
127
122
|
start: value[0] !== undefined ? dayjs(value[0]).format(TIME_FORMAT) : DEFAULT_RANGE_START,
|
|
128
123
|
stop: value[1] !== undefined ? dayjs(value[1]).format(TIME_FORMAT) : DEFAULT_RANGE_END,
|
|
129
124
|
inverted: Boolean(value[2])
|
|
130
125
|
});
|
|
131
|
-
}
|
|
132
|
-
|
|
126
|
+
};
|
|
127
|
+
_this.handleMultipleDayTimeChange = function (value) {
|
|
133
128
|
var _this$props3 = _this.props,
|
|
134
129
|
onChange = _this$props3.onChange,
|
|
135
130
|
days = _this$props3.days;
|
|
136
131
|
var activeDays = _this.state.activeDays;
|
|
137
132
|
var updatedDays = {};
|
|
138
133
|
activeDays.forEach(function (k) {
|
|
139
|
-
updatedDays[k] =
|
|
134
|
+
updatedDays[k] = _extends({}, _this.getDayValue(k), {
|
|
140
135
|
day: k,
|
|
141
136
|
start: dayjs(value[0]).format(TIME_FORMAT),
|
|
142
137
|
stop: dayjs(value[1]).format(TIME_FORMAT),
|
|
@@ -144,9 +139,9 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
144
139
|
restricted: true
|
|
145
140
|
});
|
|
146
141
|
});
|
|
147
|
-
onChange(
|
|
148
|
-
}
|
|
149
|
-
|
|
142
|
+
onChange(_extends({}, days, updatedDays));
|
|
143
|
+
};
|
|
144
|
+
_this.handleRangeDelete = function () {
|
|
150
145
|
var _this$props4 = _this.props,
|
|
151
146
|
onChange = _this$props4.onChange,
|
|
152
147
|
days = _this$props4.days;
|
|
@@ -155,15 +150,15 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
155
150
|
activeDays.forEach(function (k) {
|
|
156
151
|
delete updatedDays[k];
|
|
157
152
|
});
|
|
158
|
-
onChange(
|
|
159
|
-
}
|
|
160
|
-
|
|
153
|
+
onChange(_extends({}, updatedDays));
|
|
154
|
+
};
|
|
155
|
+
_this.handleClearSelection = function () {
|
|
161
156
|
_this.setState({
|
|
162
157
|
activeDays: [],
|
|
163
158
|
isRangeDefined: false
|
|
164
159
|
});
|
|
165
|
-
}
|
|
166
|
-
|
|
160
|
+
};
|
|
161
|
+
_this.handleSelectAll = function () {
|
|
167
162
|
var keys = _this.getAllKeys();
|
|
168
163
|
var onSelectAll = _this.props.onSelectAll;
|
|
169
164
|
_this.setState({
|
|
@@ -171,8 +166,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
171
166
|
}, function () {
|
|
172
167
|
onSelectAll && onSelectAll();
|
|
173
168
|
});
|
|
174
|
-
}
|
|
175
|
-
|
|
169
|
+
};
|
|
170
|
+
_this.getDayValue = function (dayKey) {
|
|
176
171
|
var _customDays$dayKey, _customDays$dayKey2;
|
|
177
172
|
var _this$props5 = _this.props,
|
|
178
173
|
days = _this$props5.days,
|
|
@@ -184,7 +179,7 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
184
179
|
if (daily) dayValue = days;else if (days[dayKey]) dayValue = days[dayKey];else if (typeof dayKey === 'number') dayValue = dayTemplate(dayKey);else if (customDays && (_customDays$dayKey = customDays[dayKey]) != null && _customDays$dayKey.template && ((_customDays$dayKey2 = customDays[dayKey]) == null ? void 0 : _customDays$dayKey2.template) !== null) {
|
|
185
180
|
dayValue = customDays[dayKey].template;
|
|
186
181
|
}
|
|
187
|
-
return
|
|
182
|
+
return _extends({
|
|
188
183
|
start: DEFAULT_RANGE_START,
|
|
189
184
|
stop: DEFAULT_RANGE_END,
|
|
190
185
|
restricted: false,
|
|
@@ -192,8 +187,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
192
187
|
inverted: false,
|
|
193
188
|
mode: valueSelectionModes[0] || DEFAULT_LIMIT_MODE
|
|
194
189
|
}, dayValue);
|
|
195
|
-
}
|
|
196
|
-
|
|
190
|
+
};
|
|
191
|
+
_this.getDayLabel = function (dayKey, _long) {
|
|
197
192
|
var _this$props6 = _this.props,
|
|
198
193
|
dayFormatter = _this$props6.dayFormatter,
|
|
199
194
|
customDays = _this$props6.customDays;
|
|
@@ -203,15 +198,15 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
203
198
|
}
|
|
204
199
|
if (!label) label = dayFormatter(dayKey, _long);
|
|
205
200
|
return label;
|
|
206
|
-
}
|
|
207
|
-
|
|
201
|
+
};
|
|
202
|
+
_this.handleRangePaste = function (dayKeys) {
|
|
208
203
|
var rangeClipboard = _this.props.rangeClipboard;
|
|
209
204
|
var activeDays = _this.state.activeDays;
|
|
210
205
|
if (rangeClipboard != null && rangeClipboard.stop && rangeClipboard != null && rangeClipboard.start) {
|
|
211
206
|
activeDays.length > 1 ? _this.handleMultipleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted]) : _this.handleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted], dayKeys);
|
|
212
207
|
}
|
|
213
|
-
}
|
|
214
|
-
|
|
208
|
+
};
|
|
209
|
+
_this.handleRangeCopy = function () {
|
|
215
210
|
var onRangeCopy = _this.props.onRangeCopy;
|
|
216
211
|
var activeDays = _this.state.activeDays;
|
|
217
212
|
var dayValue = _this.getDayValue(activeDays[0]);
|
|
@@ -220,8 +215,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
220
215
|
stop: dayValue.stop,
|
|
221
216
|
inverted: dayValue.inverted
|
|
222
217
|
});
|
|
223
|
-
}
|
|
224
|
-
|
|
218
|
+
};
|
|
219
|
+
_this.replaceDaysIndexesForUSNotation = function (daysIndexes) {
|
|
225
220
|
var isSundayFirstWeekDay = _this.props.isSundayFirstWeekDay;
|
|
226
221
|
var stringifyDaysIndexes = JSON.stringify(daysIndexes);
|
|
227
222
|
var stringifyEUNotationWeekDaysIndexes = JSON.stringify(EU_NOTATION_WEEK_DAYS_INDEXES);
|
|
@@ -234,8 +229,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
234
229
|
result = US_NOTATION_MONTH_DAYS_INDEXES;
|
|
235
230
|
}
|
|
236
231
|
return result;
|
|
237
|
-
}
|
|
238
|
-
|
|
232
|
+
};
|
|
233
|
+
_this.getAllKeys = function () {
|
|
239
234
|
var _this$props7 = _this.props,
|
|
240
235
|
numberOfDays = _this$props7.numberOfDays,
|
|
241
236
|
customDays = _this$props7.customDays;
|
|
@@ -243,8 +238,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
243
238
|
keys = _this.replaceDaysIndexesForUSNotation(keys).slice();
|
|
244
239
|
if (customDays) keys = [].concat(keys, Object.keys(customDays));
|
|
245
240
|
return keys;
|
|
246
|
-
}
|
|
247
|
-
|
|
241
|
+
};
|
|
242
|
+
_this.renderDay = function (dayKey) {
|
|
248
243
|
var _this$props8 = _this.props,
|
|
249
244
|
customDays = _this$props8.customDays,
|
|
250
245
|
intl = _this$props8.intl,
|
|
@@ -274,8 +269,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
274
269
|
onClear: _this.handleClearDay,
|
|
275
270
|
texts: texts
|
|
276
271
|
});
|
|
277
|
-
}
|
|
278
|
-
|
|
272
|
+
};
|
|
273
|
+
_this.handleRangeAdd = function () {
|
|
279
274
|
var daily = _this.props.daily;
|
|
280
275
|
if (!daily && !_this.haveActiveDaysCommonRange()) {
|
|
281
276
|
_this.handleMultipleDayTimeChange([getDateFromDayValue(DEFAULT_RANGE_START), getDateFromDayValue(DEFAULT_RANGE_END), false]);
|
|
@@ -283,8 +278,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
283
278
|
_this.setState({
|
|
284
279
|
isRangeDefined: true
|
|
285
280
|
});
|
|
286
|
-
}
|
|
287
|
-
|
|
281
|
+
};
|
|
282
|
+
_this.renderRangeForm = function (dayKeys) {
|
|
288
283
|
var activeDays = _this.state.activeDays;
|
|
289
284
|
var _this$props9 = _this.props,
|
|
290
285
|
hideHeader = _this$props9.hideHeader,
|
|
@@ -326,8 +321,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
326
321
|
valueSelectionModes: valueSelectionModes,
|
|
327
322
|
rangeDisplayMode: rangeDisplayMode
|
|
328
323
|
});
|
|
329
|
-
}
|
|
330
|
-
|
|
324
|
+
};
|
|
325
|
+
_this.haveActiveDaysCommonRange = function () {
|
|
331
326
|
var activeDays = _this.state.activeDays;
|
|
332
327
|
var days = _this.props.days;
|
|
333
328
|
var previousDay;
|
|
@@ -346,11 +341,11 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
346
341
|
return areRangeDifferent;
|
|
347
342
|
});
|
|
348
343
|
return !activeDaysHaveDifferentRanges;
|
|
349
|
-
}
|
|
350
|
-
|
|
344
|
+
};
|
|
345
|
+
_this.handleKeyDown = function (e) {
|
|
351
346
|
if (e.key === 'Shift') {
|
|
352
347
|
_this.setState(function (state) {
|
|
353
|
-
return
|
|
348
|
+
return _extends({}, state, {
|
|
354
349
|
controlKeyPressed: false,
|
|
355
350
|
shiftKeyPressed: true
|
|
356
351
|
});
|
|
@@ -358,29 +353,29 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
358
353
|
}
|
|
359
354
|
if (e.key === 'Control' || e.key === 'Meta') {
|
|
360
355
|
_this.setState(function (state) {
|
|
361
|
-
return
|
|
356
|
+
return _extends({}, state, {
|
|
362
357
|
controlKeyPressed: true,
|
|
363
358
|
shiftKeyPressed: false
|
|
364
359
|
});
|
|
365
360
|
});
|
|
366
361
|
}
|
|
367
|
-
}
|
|
368
|
-
|
|
362
|
+
};
|
|
363
|
+
_this.handleKeyUp = function (e) {
|
|
369
364
|
if (e.key === 'Control' || e.key === 'Meta') {
|
|
370
365
|
_this.setState(function (state) {
|
|
371
|
-
return
|
|
366
|
+
return _extends({}, state, {
|
|
372
367
|
controlKeyPressed: false
|
|
373
368
|
});
|
|
374
369
|
});
|
|
375
370
|
}
|
|
376
371
|
if (e.key === 'Shift') {
|
|
377
372
|
_this.setState(function (state) {
|
|
378
|
-
return
|
|
373
|
+
return _extends({}, state, {
|
|
379
374
|
shiftKeyPressed: false
|
|
380
375
|
});
|
|
381
376
|
});
|
|
382
377
|
}
|
|
383
|
-
}
|
|
378
|
+
};
|
|
384
379
|
return _this;
|
|
385
380
|
}
|
|
386
381
|
_inheritsLoose(TimeWindowBase, _PureComponent);
|
|
@@ -398,7 +393,7 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
398
393
|
if (prevState.isRangeDefined !== hasCommonRange && activeDays.length) {
|
|
399
394
|
// eslint-disable-next-line react/no-did-update-set-state
|
|
400
395
|
this.setState(function (state) {
|
|
401
|
-
return
|
|
396
|
+
return _extends({}, state, {
|
|
402
397
|
isRangeDefined: hasCommonRange
|
|
403
398
|
});
|
|
404
399
|
});
|
|
@@ -452,7 +447,7 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
452
447
|
};
|
|
453
448
|
return TimeWindowBase;
|
|
454
449
|
}(PureComponent);
|
|
455
|
-
|
|
450
|
+
TimeWindowBase.defaultProps = {
|
|
456
451
|
days: {},
|
|
457
452
|
numberOfDays: 1,
|
|
458
453
|
showSelectAll: false,
|
|
@@ -467,5 +462,5 @@ _defineProperty(TimeWindowBase, "defaultProps", {
|
|
|
467
462
|
id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayKey
|
|
468
463
|
});
|
|
469
464
|
}
|
|
470
|
-
}
|
|
465
|
+
};
|
|
471
466
|
export default withDataFormat(injectIntl(TimeWindowBase));
|
|
@@ -3,11 +3,7 @@ var _excluded = ["start", "stop", "day"],
|
|
|
3
3
|
_excluded2 = ["from", "to", "day"],
|
|
4
4
|
_excluded3 = ["restricted", "display"],
|
|
5
5
|
_excluded4 = ["restricted", "display"];
|
|
6
|
-
function
|
|
7
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
10
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
6
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
7
|
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; }
|
|
12
8
|
import { groupBy, omit, range } from 'lodash';
|
|
13
9
|
import { COUNTED_FROM_ENUM, DAYS_OF_PERIOD_ENUM, TYPES } from './constants';
|
|
@@ -23,7 +19,7 @@ export var mapTimeSchema = function mapTimeSchema(item) {
|
|
|
23
19
|
stop = item.stop,
|
|
24
20
|
day = item.day,
|
|
25
21
|
rest = _objectWithoutPropertiesLoose(item, _excluded);
|
|
26
|
-
return
|
|
22
|
+
return _extends({
|
|
27
23
|
from: start,
|
|
28
24
|
to: stop,
|
|
29
25
|
day: day === undefined || day !== undefined && Number.isNaN(+day) ? undefined : +day + 1
|
|
@@ -41,7 +37,7 @@ export var denormMapTimeSchema = function denormMapTimeSchema(item) {
|
|
|
41
37
|
to = item.to,
|
|
42
38
|
day = item.day,
|
|
43
39
|
rest = _objectWithoutPropertiesLoose(item, _excluded2);
|
|
44
|
-
return
|
|
40
|
+
return _extends({
|
|
45
41
|
start: from,
|
|
46
42
|
stop: to,
|
|
47
43
|
day: day === undefined || day !== undefined && Number.isNaN(+day) || Number.isNaN(+day) ? undefined : +day - 1
|
|
@@ -60,7 +56,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
60
56
|
var rules = [];
|
|
61
57
|
switch (type) {
|
|
62
58
|
case TYPES.DAILY:
|
|
63
|
-
return
|
|
59
|
+
return _extends({}, mapTimeSchema(definition), result);
|
|
64
60
|
case TYPES.WEEKLY:
|
|
65
61
|
days = Object.values(definition).filter(function (day) {
|
|
66
62
|
return day.restricted;
|
|
@@ -89,7 +85,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
89
85
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
90
86
|
days: daysArray.map(function (day) {
|
|
91
87
|
var dayOfWeek = (day.day - 1) % 7 + 1;
|
|
92
|
-
return
|
|
88
|
+
return _extends({}, omit(day, ['week']), {
|
|
93
89
|
type: type,
|
|
94
90
|
day: dayOfWeek
|
|
95
91
|
});
|
|
@@ -108,7 +104,7 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
108
104
|
}
|
|
109
105
|
return rules;
|
|
110
106
|
});
|
|
111
|
-
return
|
|
107
|
+
return _extends({}, result, {
|
|
112
108
|
rules: rules
|
|
113
109
|
});
|
|
114
110
|
default:
|
|
@@ -127,19 +123,19 @@ export var normalizeValue = function normalizeValue(_ref) {
|
|
|
127
123
|
};
|
|
128
124
|
export var createWeeklyRange = function createWeeklyRange(days) {
|
|
129
125
|
return range(0, 8).reduce(function (acc, i) {
|
|
130
|
-
var
|
|
126
|
+
var _extends2;
|
|
131
127
|
var day = days.find(function (d) {
|
|
132
128
|
return d.day === i;
|
|
133
129
|
});
|
|
134
|
-
return day ?
|
|
130
|
+
return day ? _extends({}, acc, (_extends2 = {}, _extends2[i - 1] = _extends({}, denormMapTimeSchema(day), {
|
|
135
131
|
restricted: true,
|
|
136
132
|
display: true
|
|
137
|
-
}),
|
|
133
|
+
}), _extends2)) : acc;
|
|
138
134
|
}, {});
|
|
139
135
|
};
|
|
140
136
|
export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules) {
|
|
141
137
|
return range(0, 7 * 5 + 1).reduce(function (acc, i) {
|
|
142
|
-
var
|
|
138
|
+
var _extends3;
|
|
143
139
|
var weekStartIndex = Math.floor(i / 7);
|
|
144
140
|
var week = weekStartIndex;
|
|
145
141
|
var dayOfWeek = i - weekStartIndex * 7;
|
|
@@ -149,7 +145,7 @@ export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules)
|
|
|
149
145
|
// @ts-ignore
|
|
150
146
|
function (prev, item) {
|
|
151
147
|
return [].concat(prev, item.days.map(function (day) {
|
|
152
|
-
return
|
|
148
|
+
return _extends({}, denormMapTimeSchema(day), {
|
|
153
149
|
week: item.week - 1
|
|
154
150
|
});
|
|
155
151
|
}));
|
|
@@ -157,22 +153,22 @@ export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules)
|
|
|
157
153
|
var day = days.find(function (d) {
|
|
158
154
|
return d.week === week && d.day === dayOfWeek;
|
|
159
155
|
});
|
|
160
|
-
return day ?
|
|
156
|
+
return day ? _extends({}, acc, (_extends3 = {}, _extends3[i] = _extends({}, day, {
|
|
161
157
|
restricted: true,
|
|
162
158
|
display: true
|
|
163
|
-
}),
|
|
159
|
+
}), _extends3)) : acc;
|
|
164
160
|
}, {});
|
|
165
161
|
};
|
|
166
162
|
export var createMonthlyDayRange = function createMonthlyDayRange(rules) {
|
|
167
163
|
return range(0, 32).reduce(function (acc, i) {
|
|
168
|
-
var
|
|
164
|
+
var _extends4;
|
|
169
165
|
var day = rules.days && rules.days.find(function (d) {
|
|
170
166
|
return d.day === i;
|
|
171
167
|
});
|
|
172
|
-
return day ?
|
|
168
|
+
return day ? _extends({}, acc, (_extends4 = {}, _extends4[i - 1] = _extends({}, denormMapTimeSchema(day), {
|
|
173
169
|
restricted: true,
|
|
174
170
|
display: true
|
|
175
|
-
}),
|
|
171
|
+
}), _extends4)) : acc;
|
|
176
172
|
}, {});
|
|
177
173
|
};
|
|
178
174
|
export var denormalizers = (_denormalizers = {}, _denormalizers[TYPES.DAILY] = function (values) {
|
|
@@ -224,7 +220,7 @@ var DEFAULT_NAME = 'Filter';
|
|
|
224
220
|
export var addSuffixToDuplicate = function addSuffixToDuplicate(itemsList, editedItem) {
|
|
225
221
|
var newItem = editedItem;
|
|
226
222
|
while (isDuplicate(itemsList, newItem)) {
|
|
227
|
-
newItem =
|
|
223
|
+
newItem = _extends({}, newItem, {
|
|
228
224
|
name: (newItem.name || DEFAULT_NAME) + " (1)"
|
|
229
225
|
});
|
|
230
226
|
}
|