@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
|
@@ -1,21 +1,9 @@
|
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly)
|
|
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; }
|
|
2
2
|
|
|
3
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; }
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
7
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
|
-
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."); }
|
|
10
|
-
|
|
11
|
-
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); }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
|
-
|
|
19
7
|
import * as React from 'react';
|
|
20
8
|
import DatePicker from '@synerise/ds-date-picker/dist/DatePicker';
|
|
21
9
|
import * as S from '../../RelativeRangePicker.styles';
|
|
@@ -36,24 +24,20 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
36
24
|
timestamp = _ref.timestamp;
|
|
37
25
|
|
|
38
26
|
var _React$useState = React.useState(DURATION_MODIFIERS.LAST),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
setDurationModifier = _React$useState2[1];
|
|
27
|
+
durationModifier = _React$useState[0],
|
|
28
|
+
setDurationModifier = _React$useState[1];
|
|
42
29
|
|
|
43
|
-
var _React$
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
setDurationValue = _React$useState4[1];
|
|
30
|
+
var _React$useState2 = React.useState(currentRange.duration.value),
|
|
31
|
+
durationValue = _React$useState2[0],
|
|
32
|
+
setDurationValue = _React$useState2[1];
|
|
47
33
|
|
|
48
|
-
var _React$
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
setDurationUnit = _React$useState6[1];
|
|
34
|
+
var _React$useState3 = React.useState(currentRange.duration.type),
|
|
35
|
+
durationUnit = _React$useState3[0],
|
|
36
|
+
setDurationUnit = _React$useState3[1];
|
|
52
37
|
|
|
53
|
-
var _React$
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
setError = _React$useState8[1];
|
|
38
|
+
var _React$useState4 = React.useState(!timestamp),
|
|
39
|
+
error = _React$useState4[0],
|
|
40
|
+
setError = _React$useState4[1];
|
|
57
41
|
|
|
58
42
|
React.useEffect(function () {
|
|
59
43
|
setError(!timestamp);
|
|
@@ -68,7 +52,7 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
68
52
|
if (durationModifier === DURATION_MODIFIERS.NEXT) {
|
|
69
53
|
rangeStart = END_OF[duration.type](ADD[duration.type](date, -Number(future)));
|
|
70
54
|
newOffset = DIFFERENCE[duration.type](NOW, rangeStart);
|
|
71
|
-
offsetToTimestamp = _objectSpread(
|
|
55
|
+
offsetToTimestamp = _objectSpread({}, currentRange, {
|
|
72
56
|
duration: {
|
|
73
57
|
type: duration.type,
|
|
74
58
|
value: duration.value
|
|
@@ -84,7 +68,7 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
84
68
|
if (durationModifier === DURATION_MODIFIERS.LAST) {
|
|
85
69
|
rangeStart = START_OF[duration.type](ADD[duration.type](date, -Number(future)));
|
|
86
70
|
newOffset = DIFFERENCE[duration.type](NOW, rangeStart);
|
|
87
|
-
offsetToTimestamp = _objectSpread(
|
|
71
|
+
offsetToTimestamp = _objectSpread({}, currentRange, {
|
|
88
72
|
duration: {
|
|
89
73
|
type: duration.type,
|
|
90
74
|
value: duration.value
|
|
@@ -1,42 +1,12 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
3
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
4
|
-
|
|
5
|
-
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."); }
|
|
6
|
-
|
|
7
|
-
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); }
|
|
8
|
-
|
|
9
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
10
|
-
|
|
11
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
2
|
|
|
17
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; }
|
|
18
4
|
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
22
|
-
|
|
23
|
-
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); } }
|
|
24
|
-
|
|
25
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
26
|
-
|
|
27
|
-
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); }
|
|
28
|
-
|
|
29
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
30
|
-
|
|
31
|
-
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); }; }
|
|
32
|
-
|
|
33
|
-
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); }
|
|
34
|
-
|
|
35
5
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
36
6
|
|
|
37
|
-
function
|
|
7
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
38
8
|
|
|
39
|
-
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; }
|
|
40
10
|
|
|
41
11
|
import * as React from 'react';
|
|
42
12
|
import { injectIntl } from 'react-intl';
|
|
@@ -52,28 +22,24 @@ import { DEFAULT_RANGE, normalizeRange } from '../utils';
|
|
|
52
22
|
import { CUSTOM_RANGE_KEY } from '../constants';
|
|
53
23
|
|
|
54
24
|
var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var _super = _createSuper(RelativeRangePicker);
|
|
25
|
+
_inheritsLoose(RelativeRangePicker, _React$PureComponent);
|
|
58
26
|
|
|
59
27
|
function RelativeRangePicker(props) {
|
|
60
28
|
var _this;
|
|
61
29
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
_this = _super.call(this, props); // eslint-disable-next-line
|
|
30
|
+
_this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line
|
|
65
31
|
// @ts-ignore
|
|
66
32
|
// eslint-disable-next-line
|
|
67
33
|
|
|
68
|
-
_this
|
|
34
|
+
_defineProperty(_assertThisInitialized(_this), "onModeChange", function (mode) {
|
|
69
35
|
_this.setState({
|
|
70
36
|
currentGroup: mode
|
|
71
37
|
}, function () {
|
|
72
38
|
return _this.onChange(DEFAULT_RANGE);
|
|
73
39
|
});
|
|
74
|
-
};
|
|
40
|
+
});
|
|
75
41
|
|
|
76
|
-
_this
|
|
42
|
+
_defineProperty(_assertThisInitialized(_this), "onTimestampChange", function (timestamp) {
|
|
77
43
|
_this.setState({
|
|
78
44
|
sinceTimestamp: timestamp
|
|
79
45
|
});
|
|
@@ -86,9 +52,9 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
86
52
|
});
|
|
87
53
|
onChange(updatedRange);
|
|
88
54
|
}
|
|
89
|
-
};
|
|
55
|
+
});
|
|
90
56
|
|
|
91
|
-
_this
|
|
57
|
+
_defineProperty(_assertThisInitialized(_this), "handleCustomClick", function () {
|
|
92
58
|
var onChange = _this.props.onChange;
|
|
93
59
|
var _this$state = _this.state,
|
|
94
60
|
currentGroup = _this$state.currentGroup,
|
|
@@ -96,31 +62,31 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
96
62
|
|
|
97
63
|
if (currentGroup !== RANGES_MODE.SINCE) {
|
|
98
64
|
var sourceRange = getDefaultCustomRange(currentGroup);
|
|
99
|
-
onChange(_objectSpread(
|
|
65
|
+
onChange(_objectSpread({}, sourceRange, {
|
|
100
66
|
key: undefined,
|
|
101
67
|
translationKey: CUSTOM_RANGE_KEY
|
|
102
68
|
}));
|
|
103
69
|
} else {
|
|
104
|
-
onChange(_objectSpread(
|
|
70
|
+
onChange(_objectSpread({}, currentRange, {
|
|
105
71
|
key: undefined,
|
|
106
72
|
translationKey: CUSTOM_RANGE_KEY
|
|
107
73
|
}));
|
|
108
74
|
}
|
|
109
|
-
};
|
|
75
|
+
});
|
|
110
76
|
|
|
111
|
-
_this
|
|
77
|
+
_defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
|
|
112
78
|
var currentGroup = _this.state.currentGroup;
|
|
113
79
|
var onChange = _this.props.onChange;
|
|
114
80
|
var isFuture = value.timestamp && fnsIsAfter(value.timestamp, new Date());
|
|
115
81
|
|
|
116
|
-
var changes = _objectSpread(
|
|
82
|
+
var changes = _objectSpread({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value), {
|
|
117
83
|
key: undefined
|
|
118
84
|
});
|
|
119
85
|
|
|
120
86
|
onChange(normalizeRange(changes));
|
|
121
|
-
};
|
|
87
|
+
});
|
|
122
88
|
|
|
123
|
-
_this
|
|
89
|
+
_defineProperty(_assertThisInitialized(_this), "renderRanges", function (ranges) {
|
|
124
90
|
if (!ranges || ranges.length === 0) return null;
|
|
125
91
|
var currentRange = _this.state.currentRange;
|
|
126
92
|
var _this$props = _this.props,
|
|
@@ -134,9 +100,9 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
134
100
|
texts: texts,
|
|
135
101
|
onChange: onChange
|
|
136
102
|
});
|
|
137
|
-
};
|
|
103
|
+
});
|
|
138
104
|
|
|
139
|
-
_this
|
|
105
|
+
_defineProperty(_assertThisInitialized(_this), "renderRangesDropdown", function (ranges) {
|
|
140
106
|
var currentRange = _this.state.currentRange;
|
|
141
107
|
var _this$props2 = _this.props,
|
|
142
108
|
onChange = _this$props2.onChange,
|
|
@@ -147,9 +113,9 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
147
113
|
texts: texts,
|
|
148
114
|
onChange: onChange
|
|
149
115
|
});
|
|
150
|
-
};
|
|
116
|
+
});
|
|
151
117
|
|
|
152
|
-
_this
|
|
118
|
+
_defineProperty(_assertThisInitialized(_this), "onOffsetValueChange", function (value) {
|
|
153
119
|
var currentRange = _this.state.currentRange;
|
|
154
120
|
|
|
155
121
|
if (typeof value === 'number' && value >= 0 && currentRange) {
|
|
@@ -157,9 +123,9 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
157
123
|
|
|
158
124
|
_this.onChange(changes);
|
|
159
125
|
}
|
|
160
|
-
};
|
|
126
|
+
});
|
|
161
127
|
|
|
162
|
-
_this
|
|
128
|
+
_defineProperty(_assertThisInitialized(_this), "onDurationValueChange", function (value) {
|
|
163
129
|
var currentRange = _this.state.currentRange;
|
|
164
130
|
|
|
165
131
|
if (value && currentRange) {
|
|
@@ -167,9 +133,9 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
167
133
|
|
|
168
134
|
_this.onChange(changes);
|
|
169
135
|
}
|
|
170
|
-
};
|
|
136
|
+
});
|
|
171
137
|
|
|
172
|
-
_this
|
|
138
|
+
_defineProperty(_assertThisInitialized(_this), "renderCustomRangeForm", function () {
|
|
173
139
|
var _this$state2 = _this.state,
|
|
174
140
|
currentRange = _this$state2.currentRange,
|
|
175
141
|
currentGroup = _this$state2.currentGroup,
|
|
@@ -193,7 +159,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
193
159
|
texts: texts,
|
|
194
160
|
rangeUnits: rangeUnits
|
|
195
161
|
});
|
|
196
|
-
};
|
|
162
|
+
});
|
|
197
163
|
|
|
198
164
|
_this.state = {
|
|
199
165
|
currentGroup: getCurrentGroupFromProps(props),
|
|
@@ -204,71 +170,70 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
204
170
|
return _this;
|
|
205
171
|
}
|
|
206
172
|
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
key: CUSTOM_RANGE_KEY,
|
|
224
|
-
onClick: this.handleCustomClick,
|
|
225
|
-
type: isCustomValue ? 'primary' : 'tertiary'
|
|
226
|
-
}, texts === null || texts === void 0 ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), isCustomValue && showCustomRange && this.renderCustomRangeForm());
|
|
227
|
-
}
|
|
228
|
-
}], [{
|
|
229
|
-
key: "getDerivedStateFromProps",
|
|
230
|
-
value: function getDerivedStateFromProps(nextProps, prevState) {
|
|
231
|
-
var ranges = nextProps.ranges,
|
|
232
|
-
value = nextProps.value,
|
|
233
|
-
future = nextProps.future,
|
|
234
|
-
past = nextProps.past,
|
|
235
|
-
relativeModes = nextProps.relativeModes;
|
|
236
|
-
var state = prevState;
|
|
237
|
-
var currentRange = value && value.type === CONST.RELATIVE ? getRelativePresetForRange(value) : DEFAULT_RANGE;
|
|
238
|
-
state.currentRange = currentRange;
|
|
239
|
-
state.groupedRanges = ranges;
|
|
240
|
-
|
|
241
|
-
if (state.groupedRanges) {
|
|
242
|
-
if (!(relativeModes !== null && relativeModes !== void 0 && relativeModes.includes('PAST'))) {
|
|
243
|
-
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
244
|
-
return preset.future;
|
|
245
|
-
});
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
if (!(relativeModes !== null && relativeModes !== void 0 && relativeModes.includes('FUTURE'))) {
|
|
249
|
-
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
250
|
-
return !preset.future;
|
|
251
|
-
});
|
|
252
|
-
}
|
|
173
|
+
RelativeRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
|
|
174
|
+
var ranges = nextProps.ranges,
|
|
175
|
+
value = nextProps.value,
|
|
176
|
+
future = nextProps.future,
|
|
177
|
+
past = nextProps.past,
|
|
178
|
+
relativeModes = nextProps.relativeModes;
|
|
179
|
+
var state = prevState;
|
|
180
|
+
var currentRange = value && value.type === CONST.RELATIVE ? getRelativePresetForRange(value) : DEFAULT_RANGE;
|
|
181
|
+
state.currentRange = currentRange;
|
|
182
|
+
state.groupedRanges = ranges;
|
|
183
|
+
|
|
184
|
+
if (state.groupedRanges) {
|
|
185
|
+
if (!(relativeModes != null && relativeModes.includes('PAST'))) {
|
|
186
|
+
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
187
|
+
return preset.future;
|
|
188
|
+
});
|
|
253
189
|
}
|
|
254
190
|
|
|
255
|
-
if (
|
|
256
|
-
state.
|
|
257
|
-
|
|
258
|
-
|
|
191
|
+
if (!(relativeModes != null && relativeModes.includes('FUTURE'))) {
|
|
192
|
+
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
193
|
+
return !preset.future;
|
|
194
|
+
});
|
|
259
195
|
}
|
|
196
|
+
}
|
|
260
197
|
|
|
261
|
-
|
|
198
|
+
if (future !== prevState.future || past !== prevState.past || relativeModes && !relativeModes.includes(state.currentGroup)) {
|
|
199
|
+
state.currentGroup = getCurrentGroupFromProps(nextProps);
|
|
200
|
+
state.future = prevState.future;
|
|
201
|
+
state.past = prevState.past;
|
|
262
202
|
}
|
|
263
|
-
|
|
203
|
+
|
|
204
|
+
return state;
|
|
205
|
+
};
|
|
206
|
+
|
|
207
|
+
var _proto = RelativeRangePicker.prototype;
|
|
208
|
+
|
|
209
|
+
_proto.render = function render() {
|
|
210
|
+
var _this$props4 = this.props,
|
|
211
|
+
texts = _this$props4.texts,
|
|
212
|
+
value = _this$props4.value,
|
|
213
|
+
showCustomRange = _this$props4.showCustomRange;
|
|
214
|
+
var _this$state3 = this.state,
|
|
215
|
+
groupedRanges = _this$state3.groupedRanges,
|
|
216
|
+
currentGroup = _this$state3.currentGroup,
|
|
217
|
+
currentRange = _this$state3.currentRange;
|
|
218
|
+
var isCustomValue = !(value != null && value.key) || !(currentRange != null && currentRange.key);
|
|
219
|
+
var visibleRanges = groupedRanges ? groupedRanges.slice(0, 3) : [];
|
|
220
|
+
var hiddenRanges = groupedRanges ? groupedRanges.slice(3) : [];
|
|
221
|
+
if (!currentGroup) return null;
|
|
222
|
+
return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.Ranges, null, showCustomRange && /*#__PURE__*/React.createElement(S.Range, {
|
|
223
|
+
key: CUSTOM_RANGE_KEY,
|
|
224
|
+
onClick: this.handleCustomClick,
|
|
225
|
+
type: isCustomValue ? 'primary' : 'tertiary'
|
|
226
|
+
}, texts == null ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), isCustomValue && showCustomRange && this.renderCustomRangeForm());
|
|
227
|
+
};
|
|
264
228
|
|
|
265
229
|
return RelativeRangePicker;
|
|
266
230
|
}(React.PureComponent);
|
|
267
231
|
|
|
268
|
-
RelativeRangePicker
|
|
269
|
-
ranges: [].concat(
|
|
232
|
+
_defineProperty(RelativeRangePicker, "defaultProps", {
|
|
233
|
+
ranges: [].concat(CONST.RELATIVE_PRESETS, CONST.ABSOLUTE_PRESETS),
|
|
270
234
|
relativeModes: ['PAST', 'FUTURE'],
|
|
271
235
|
rangeUnits: CONST.RELATIVE_UNITS,
|
|
272
236
|
showCustomRange: true
|
|
273
|
-
};
|
|
237
|
+
});
|
|
238
|
+
|
|
274
239
|
export default injectIntl(RelativeRangePicker);
|
|
@@ -3,8 +3,6 @@ var _excluded = ["children"],
|
|
|
3
3
|
|
|
4
4
|
function _extends() { _extends = Object.assign || 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); }
|
|
5
5
|
|
|
6
|
-
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; }
|
|
7
|
-
|
|
8
6
|
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; }
|
|
9
7
|
|
|
10
8
|
import styled from 'styled-components';
|
|
@@ -44,7 +42,7 @@ export var InputSelectGroup = styled(InputGroup).withConfig({
|
|
|
44
42
|
})(["&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;}"]);
|
|
45
43
|
export var ModeDropdownTrigger = styled(function (_ref) {
|
|
46
44
|
var children = _ref.children,
|
|
47
|
-
rest =
|
|
45
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
48
46
|
|
|
49
47
|
return (
|
|
50
48
|
/*#__PURE__*/
|
|
@@ -59,7 +57,7 @@ export var ModeDropdownTrigger = styled(function (_ref) {
|
|
|
59
57
|
})(["&&{margin-right:8px;}"]);
|
|
60
58
|
export var Range = styled(function (_ref2) {
|
|
61
59
|
var children = _ref2.children,
|
|
62
|
-
rest =
|
|
60
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
63
61
|
|
|
64
62
|
return (
|
|
65
63
|
/*#__PURE__*/
|
|
@@ -96,7 +94,7 @@ export var OverlayWrapper = styled.div.withConfig({
|
|
|
96
94
|
}, function (props) {
|
|
97
95
|
return props.visible ? 'flex' : 'none';
|
|
98
96
|
}, function (props) {
|
|
99
|
-
return !!props.width && "width:"
|
|
97
|
+
return !!props.width && "width:" + props.width + "px;";
|
|
100
98
|
});
|
|
101
99
|
export var DropdownContainer = styled.div.withConfig({
|
|
102
100
|
displayName: "RelativeRangePickerstyles__DropdownContainer",
|
|
@@ -44,7 +44,7 @@ export var isAbsolute = function isAbsolute(value) {
|
|
|
44
44
|
export function getCurrentGroupFromProps(_ref) {
|
|
45
45
|
var relativeModes = _ref.relativeModes;
|
|
46
46
|
|
|
47
|
-
if (!!relativeModes && (relativeModes
|
|
47
|
+
if (!!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
|
|
48
48
|
return relativeModes[0];
|
|
49
49
|
}
|
|
50
50
|
|
package/dist/constants.js
CHANGED
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
|
-
|
|
3
|
-
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."); }
|
|
4
|
-
|
|
5
|
-
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); }
|
|
6
|
-
|
|
7
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
-
|
|
9
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
1
|
export var SECONDS = 'SECONDS';
|
|
14
2
|
export var MINUTES = 'MINUTES';
|
|
15
3
|
export var HOURS = 'HOURS';
|
|
@@ -28,7 +16,7 @@ export var range = function range(start, end) {
|
|
|
28
16
|
}
|
|
29
17
|
|
|
30
18
|
var size = end - start;
|
|
31
|
-
return
|
|
19
|
+
return [].concat(Array(size).keys()).map(function (i) {
|
|
32
20
|
return i + start;
|
|
33
21
|
});
|
|
34
22
|
};
|
package/dist/dateUtils/format.js
CHANGED
|
@@ -8,8 +8,11 @@ var locales = {
|
|
|
8
8
|
};
|
|
9
9
|
var defaultLocale = 'en';
|
|
10
10
|
|
|
11
|
-
var format = function format(date, formatStr) {
|
|
12
|
-
|
|
11
|
+
var format = function format(date, formatStr, locale) {
|
|
12
|
+
if (locale === void 0) {
|
|
13
|
+
locale = defaultLocale;
|
|
14
|
+
}
|
|
15
|
+
|
|
13
16
|
return fnsFormat(legacyParse(date), convertTokens(formatStr), {
|
|
14
17
|
locale: locales[locale.substring(0, 2)]
|
|
15
18
|
});
|
|
@@ -4,7 +4,7 @@ import { RELATIVE_PRESETS, RELATIVE } from '../constants';
|
|
|
4
4
|
var getRelativePresetForRange = function getRelativePresetForRange(range) {
|
|
5
5
|
var relativeResult;
|
|
6
6
|
|
|
7
|
-
if ((range
|
|
7
|
+
if ((range == null ? void 0 : range.type) === RELATIVE) {
|
|
8
8
|
relativeResult = range.type === RELATIVE && RELATIVE_PRESETS.find(function (item) {
|
|
9
9
|
return isEqual(item.offset, range.offset) && isEqual(item.duration, range.duration) && range.key === item.key;
|
|
10
10
|
});
|