@synerise/ds-date-range-picker 0.31.1 → 0.31.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 +20 -0
- package/dist/AddonCollapse/AddonCollapse.js +4 -8
- package/dist/DateRangePicker.js +31 -48
- package/dist/DateRangePicker.styles.js +0 -13
- package/dist/DateRangePicker.types.js +5 -1
- package/dist/Footer/Footer.js +16 -31
- package/dist/Footer/Footer.styles.js +0 -1
- package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +9 -11
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +36 -83
- package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +11 -12
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +15 -24
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +27 -60
- package/dist/RangeFilter/Filters/new/Monthly/utils.js +0 -7
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +23 -49
- package/dist/RangeFilter/Filters/new/Weekly/utils.js +0 -7
- package/dist/RangeFilter/Filters/new/constants.js +2 -2
- package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +4 -10
- package/dist/RangeFilter/RangeFilter.js +19 -55
- package/dist/RangeFilter/Shared/AddButton/AddButton.js +1 -7
- package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +4 -6
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +5 -8
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts +11 -10
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +5 -10
- package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -3
- package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js +1 -3
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +15 -22
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +13 -17
- package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +2 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js +3 -5
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +29 -53
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.utils.js +0 -1
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +35 -48
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +4 -7
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +50 -136
- package/dist/RangeFilter/Shared/TimeWindow/utils.js +0 -3
- package/dist/RangeFilter/constants.js +0 -4
- package/dist/RangeFilter/utils.js +27 -50
- package/dist/RangePicker/RangePicker.js +53 -123
- package/dist/RangePicker/utils.js +0 -22
- package/dist/RangePickerInput/RangePickerInput.js +23 -35
- package/dist/RangePickerInput/RangePickerInput.styles.js +0 -4
- package/dist/RawDateRangePicker.js +57 -114
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js +11 -17
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +5 -7
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +5 -7
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +5 -9
- package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +3 -5
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +12 -18
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js +6 -8
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +29 -45
- package/dist/RelativeRangePicker/RelativeRangePicker.js +28 -69
- package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +4 -8
- package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.js +2 -9
- package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.js +0 -2
- package/dist/RelativeRangePicker/utils/updatePresetKey.utils.js +0 -7
- package/dist/constants.js +0 -1
- package/dist/dateUtils/Date.js +0 -2
- package/dist/dateUtils/format.js +0 -4
- package/dist/dateUtils/getDateFromString.js +0 -1
- package/dist/dateUtils/getRelativePresetForRange.js +0 -4
- package/dist/dateUtils/relativeToAbsolute.js +2 -6
- package/dist/utils.js +63 -86
- package/package.json +22 -22
package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js
CHANGED
|
@@ -5,15 +5,14 @@ import * as S from '../../../RelativeRangePicker.styles';
|
|
|
5
5
|
import * as CONST from '../../../../constants';
|
|
6
6
|
import { DURATION_MODIFIERS } from '../../../../constants';
|
|
7
7
|
var SELECT_DROPDOWN_OFFSET = -4;
|
|
8
|
-
|
|
9
8
|
var TimestampDuration = function TimestampDuration(_ref) {
|
|
10
9
|
var handleDurationValueChange = _ref.handleDurationValueChange,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
durationModifier = _ref.durationModifier,
|
|
11
|
+
onDurationModifierChange = _ref.onDurationModifierChange,
|
|
12
|
+
value = _ref.value,
|
|
13
|
+
onDurationUnitChange = _ref.onDurationUnitChange,
|
|
14
|
+
unit = _ref.unit,
|
|
15
|
+
texts = _ref.texts;
|
|
17
16
|
var durationModiferValues = Object.values(DURATION_MODIFIERS);
|
|
18
17
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Title, null, texts.timestampTill), /*#__PURE__*/React.createElement(S.InputSelectGroup, {
|
|
19
18
|
compact: true
|
|
@@ -67,5 +66,4 @@ var TimestampDuration = function TimestampDuration(_ref) {
|
|
|
67
66
|
}, texts[type.toLowerCase()]);
|
|
68
67
|
}))));
|
|
69
68
|
};
|
|
70
|
-
|
|
71
69
|
export default TimestampDuration;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
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; }
|
|
4
|
-
|
|
5
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; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
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); }
|
|
10
|
-
|
|
11
6
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
12
7
|
import React from 'react';
|
|
13
8
|
import { useIntl } from 'react-intl';
|
|
@@ -17,53 +12,45 @@ import * as S from '../../RelativeRangePicker.styles';
|
|
|
17
12
|
import TimestampDuration from './TimestampDuration/TimestampDuration';
|
|
18
13
|
import { CUSTOM_RANGE_KEY, DURATION_MODIFIERS } from '../../../constants';
|
|
19
14
|
import { DEFAULT_RANGE } from '../../../utils';
|
|
20
|
-
|
|
21
15
|
var TimestampRange = function TimestampRange(_ref) {
|
|
22
16
|
var _currentRange$duratio, _currentRange$duratio2;
|
|
23
|
-
|
|
24
17
|
var currentRange = _ref.currentRange,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
18
|
+
handleChange = _ref.handleChange,
|
|
19
|
+
texts = _ref.texts,
|
|
20
|
+
onTimestampChange = _ref.onTimestampChange,
|
|
21
|
+
_ref$getValueOnReset = _ref.getValueOnReset,
|
|
22
|
+
getValueOnReset = _ref$getValueOnReset === void 0 ? function () {
|
|
23
|
+
return _objectSpread({}, DEFAULT_RANGE, {
|
|
24
|
+
type: 'RELATIVE',
|
|
25
|
+
offset: {
|
|
26
|
+
type: 'SINCE',
|
|
27
|
+
value: new Date()
|
|
28
|
+
},
|
|
29
|
+
duration: {
|
|
30
|
+
type: 'DAYS',
|
|
31
|
+
value: 30
|
|
32
|
+
},
|
|
33
|
+
translationKey: CUSTOM_RANGE_KEY
|
|
34
|
+
});
|
|
35
|
+
} : _ref$getValueOnReset,
|
|
36
|
+
timestamp = _ref.timestamp;
|
|
45
37
|
var _React$useState = React.useState(currentRange != null && currentRange.future ? DURATION_MODIFIERS.NEXT : DURATION_MODIFIERS.LAST),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
38
|
+
durationModifier = _React$useState[0],
|
|
39
|
+
setDurationModifier = _React$useState[1];
|
|
49
40
|
var _React$useState2 = React.useState(currentRange == null || (_currentRange$duratio = currentRange.duration) == null ? void 0 : _currentRange$duratio.value),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
durationValue = _React$useState2[0],
|
|
42
|
+
setDurationValue = _React$useState2[1];
|
|
53
43
|
var _React$useState3 = React.useState(currentRange == null || (_currentRange$duratio2 = currentRange.duration) == null ? void 0 : _currentRange$duratio2.type),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
44
|
+
durationUnit = _React$useState3[0],
|
|
45
|
+
setDurationUnit = _React$useState3[1];
|
|
57
46
|
var _React$useState4 = React.useState(!timestamp),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
47
|
+
error = _React$useState4[0],
|
|
48
|
+
setError = _React$useState4[1];
|
|
61
49
|
var intl = useIntl();
|
|
62
50
|
var allTexts = getDefaultTexts(intl, texts);
|
|
63
51
|
React.useEffect(function () {
|
|
64
52
|
setError(!timestamp);
|
|
65
53
|
}, [timestamp]);
|
|
66
|
-
|
|
67
54
|
var handleRangeChange = function handleRangeChange(date, duration) {
|
|
68
55
|
if (date) {
|
|
69
56
|
var offsetToTimestamp = {
|
|
@@ -82,15 +69,14 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
82
69
|
handleChange(offsetToTimestamp); // FIXME
|
|
83
70
|
}
|
|
84
71
|
};
|
|
85
|
-
|
|
86
72
|
React.useEffect(function () {
|
|
87
73
|
var duration = {
|
|
88
74
|
type: durationUnit,
|
|
89
75
|
value: durationValue
|
|
90
76
|
};
|
|
91
|
-
handleRangeChange(timestamp, duration);
|
|
77
|
+
handleRangeChange(timestamp, duration);
|
|
78
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
92
79
|
}, [durationValue, durationModifier, durationUnit, timestamp]);
|
|
93
|
-
|
|
94
80
|
var renderDatePicker = function renderDatePicker() {
|
|
95
81
|
return /*#__PURE__*/React.createElement(S.DatePickerWrapper, {
|
|
96
82
|
error: error
|
|
@@ -123,7 +109,6 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
123
109
|
popoverPlacement: "topLeft"
|
|
124
110
|
}));
|
|
125
111
|
};
|
|
126
|
-
|
|
127
112
|
return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, renderDatePicker(), /*#__PURE__*/React.createElement(TimestampDuration, {
|
|
128
113
|
currentRange: currentRange,
|
|
129
114
|
value: durationValue,
|
|
@@ -141,5 +126,4 @@ var TimestampRange = function TimestampRange(_ref) {
|
|
|
141
126
|
texts: texts
|
|
142
127
|
}));
|
|
143
128
|
};
|
|
144
|
-
|
|
145
129
|
export default TimestampRange;
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
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; }
|
|
4
|
-
|
|
5
3
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
6
|
-
|
|
7
4
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
8
|
-
|
|
9
5
|
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; }
|
|
10
|
-
|
|
11
6
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
12
|
-
|
|
13
7
|
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); }
|
|
14
|
-
|
|
15
8
|
import React from 'react';
|
|
16
9
|
import { injectIntl } from 'react-intl';
|
|
17
10
|
import * as S from './RelativeRangePicker.styles';
|
|
@@ -24,34 +17,28 @@ import { getCurrentGroupFromProps, getDefaultCustomRange, setFuture, setOffsetVa
|
|
|
24
17
|
import { fnsIsAfter } from '../fns';
|
|
25
18
|
import { DEFAULT_RANGE, normalizeRange } from '../utils';
|
|
26
19
|
import { CUSTOM_RANGE_KEY, RANGES_MODE } from '../constants';
|
|
27
|
-
|
|
28
20
|
var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
29
21
|
function RelativeRangePicker(props) {
|
|
30
22
|
var _this;
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
_this = _React$PureComponent.call(this, props) || this;
|
|
24
|
+
// @ts-ignore
|
|
33
25
|
// eslint-disable-next-line
|
|
34
|
-
|
|
35
26
|
_defineProperty(_this, "onModeChange", function (mode) {
|
|
36
27
|
var currentGroup = _this.state.currentGroup;
|
|
37
|
-
|
|
38
28
|
if (mode !== currentGroup) {
|
|
39
29
|
_this.setState({
|
|
40
30
|
currentGroup: mode,
|
|
41
31
|
lastCustomRange: undefined,
|
|
42
32
|
sinceTimestamp: new Date()
|
|
43
33
|
});
|
|
44
|
-
|
|
45
34
|
var onChange = _this.props.onChange;
|
|
46
35
|
onChange(DEFAULT_RANGE);
|
|
47
36
|
}
|
|
48
37
|
});
|
|
49
|
-
|
|
50
38
|
_defineProperty(_this, "onTimestampChange", function (timestamp) {
|
|
51
39
|
_this.setState({
|
|
52
40
|
sinceTimestamp: timestamp
|
|
53
41
|
});
|
|
54
|
-
|
|
55
42
|
if (!timestamp) {
|
|
56
43
|
var onChange = _this.props.onChange;
|
|
57
44
|
var updatedRange = normalizeRange({
|
|
@@ -61,13 +48,11 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
61
48
|
onChange(updatedRange);
|
|
62
49
|
}
|
|
63
50
|
});
|
|
64
|
-
|
|
65
51
|
_defineProperty(_this, "handleCustomClick", function () {
|
|
66
52
|
var onChange = _this.props.onChange;
|
|
67
53
|
var _this$state = _this.state,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
54
|
+
lastCustomRange = _this$state.lastCustomRange,
|
|
55
|
+
currentGroup = _this$state.currentGroup;
|
|
71
56
|
if (lastCustomRange && lastCustomRange.translationKey === CUSTOM_RANGE_KEY) {
|
|
72
57
|
onChange(_objectSpread({}, lastCustomRange, {
|
|
73
58
|
key: undefined
|
|
@@ -80,36 +65,30 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
80
65
|
}));
|
|
81
66
|
}
|
|
82
67
|
});
|
|
83
|
-
|
|
84
68
|
_defineProperty(_this, "onChange", function (value) {
|
|
85
69
|
var currentGroup = _this.state.currentGroup;
|
|
86
70
|
var onChange = _this.props.onChange;
|
|
87
71
|
var isSince = currentGroup === RANGES_MODE.SINCE;
|
|
88
72
|
var isFuture = isSince ? value.future : value.timestamp && fnsIsAfter(value.timestamp, new Date()); // FIXME since past/future
|
|
89
|
-
|
|
90
73
|
var changes = _objectSpread({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value), {
|
|
91
74
|
type: 'RELATIVE'
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
|
|
75
|
+
});
|
|
76
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
95
77
|
var resultRange = normalizeRange(updatePresetKey(changes));
|
|
96
|
-
|
|
97
78
|
if ((resultRange == null ? void 0 : resultRange.translationKey) === CUSTOM_RANGE_KEY) {
|
|
98
79
|
_this.setState({
|
|
99
80
|
lastCustomRange: resultRange
|
|
100
81
|
});
|
|
101
82
|
}
|
|
102
|
-
|
|
103
83
|
onChange(resultRange);
|
|
104
84
|
});
|
|
105
|
-
|
|
106
85
|
_defineProperty(_this, "renderRanges", function (ranges) {
|
|
107
86
|
if (!ranges || ranges.length === 0) return null;
|
|
108
87
|
var currentRange = _this.state.currentRange;
|
|
109
88
|
var _this$props = _this.props,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
89
|
+
onChange = _this$props.onChange,
|
|
90
|
+
texts = _this$props.texts,
|
|
91
|
+
value = _this$props.value;
|
|
113
92
|
return /*#__PURE__*/React.createElement(RangeButtons, {
|
|
114
93
|
ranges: ranges,
|
|
115
94
|
currentRange: currentRange,
|
|
@@ -118,13 +97,12 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
118
97
|
onChange: onChange
|
|
119
98
|
});
|
|
120
99
|
});
|
|
121
|
-
|
|
122
100
|
_defineProperty(_this, "renderRangesDropdown", function (ranges) {
|
|
123
101
|
var currentRange = _this.state.currentRange;
|
|
124
102
|
var _this$props2 = _this.props,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
103
|
+
onChange = _this$props2.onChange,
|
|
104
|
+
texts = _this$props2.texts,
|
|
105
|
+
valueTransformer = _this$props2.valueTransformer;
|
|
128
106
|
return /*#__PURE__*/React.createElement(RangeDropdown, {
|
|
129
107
|
ranges: ranges,
|
|
130
108
|
currentRange: currentRange,
|
|
@@ -133,37 +111,30 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
133
111
|
valueTransformer: valueTransformer
|
|
134
112
|
});
|
|
135
113
|
});
|
|
136
|
-
|
|
137
114
|
_defineProperty(_this, "onOffsetValueChange", function (value) {
|
|
138
115
|
var currentRange = _this.state.currentRange;
|
|
139
|
-
|
|
140
116
|
if (typeof value === 'number' && value >= 0 && currentRange) {
|
|
141
117
|
var changes = setOffsetValue(value, currentRange);
|
|
142
|
-
|
|
143
118
|
_this.onChange(changes);
|
|
144
119
|
}
|
|
145
120
|
});
|
|
146
|
-
|
|
147
121
|
_defineProperty(_this, "onDurationValueChange", function (value) {
|
|
148
122
|
var currentRange = _this.state.currentRange;
|
|
149
|
-
|
|
150
123
|
if (value && currentRange) {
|
|
151
124
|
var changes = setDurationValue(value, currentRange);
|
|
152
|
-
|
|
153
125
|
_this.onChange(changes);
|
|
154
126
|
}
|
|
155
127
|
});
|
|
156
|
-
|
|
157
128
|
_defineProperty(_this, "renderCustomRangeForm", function () {
|
|
158
129
|
var _this$state2 = _this.state,
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
130
|
+
currentRange = _this$state2.currentRange,
|
|
131
|
+
currentGroup = _this$state2.currentGroup,
|
|
132
|
+
sinceTimestamp = _this$state2.sinceTimestamp;
|
|
162
133
|
var _this$props3 = _this.props,
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
134
|
+
ranges = _this$props3.ranges,
|
|
135
|
+
texts = _this$props3.texts,
|
|
136
|
+
relativeModes = _this$props3.relativeModes,
|
|
137
|
+
rangeUnits = _this$props3.rangeUnits;
|
|
167
138
|
return /*#__PURE__*/React.createElement(CustomRangeForm, {
|
|
168
139
|
handleModeChange: _this.onModeChange,
|
|
169
140
|
ranges: ranges,
|
|
@@ -179,7 +150,6 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
179
150
|
rangeUnits: rangeUnits
|
|
180
151
|
});
|
|
181
152
|
});
|
|
182
|
-
|
|
183
153
|
_this.state = {
|
|
184
154
|
currentGroup: getCurrentGroupFromProps(props),
|
|
185
155
|
future: props.future || false,
|
|
@@ -188,53 +158,45 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
188
158
|
};
|
|
189
159
|
return _this;
|
|
190
160
|
}
|
|
191
|
-
|
|
192
161
|
_inheritsLoose(RelativeRangePicker, _React$PureComponent);
|
|
193
|
-
|
|
194
162
|
RelativeRangePicker.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {
|
|
195
163
|
var ranges = nextProps.ranges,
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
164
|
+
value = nextProps.value,
|
|
165
|
+
future = nextProps.future,
|
|
166
|
+
past = nextProps.past,
|
|
167
|
+
relativeModes = nextProps.relativeModes;
|
|
200
168
|
var state = prevState;
|
|
201
169
|
var currentRange = getRelativePresetForRange(value);
|
|
202
170
|
state.currentRange = currentRange;
|
|
203
171
|
state.groupedRanges = ranges;
|
|
204
|
-
|
|
205
172
|
if (state.groupedRanges) {
|
|
206
173
|
if (!(relativeModes != null && relativeModes.includes('PAST'))) {
|
|
207
174
|
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
208
175
|
return preset.future;
|
|
209
176
|
});
|
|
210
177
|
}
|
|
211
|
-
|
|
212
178
|
if (!(relativeModes != null && relativeModes.includes('FUTURE'))) {
|
|
213
179
|
state.groupedRanges = state.groupedRanges.filter(function (preset) {
|
|
214
180
|
return !preset.future;
|
|
215
181
|
});
|
|
216
182
|
}
|
|
217
183
|
}
|
|
218
|
-
|
|
219
184
|
if (future !== prevState.future || past !== prevState.past || relativeModes && !relativeModes.includes(state.currentGroup)) {
|
|
220
185
|
state.currentGroup = getCurrentGroupFromProps(nextProps);
|
|
221
186
|
state.future = prevState.future;
|
|
222
187
|
state.past = prevState.past;
|
|
223
188
|
}
|
|
224
|
-
|
|
225
189
|
return state;
|
|
226
190
|
};
|
|
227
|
-
|
|
228
191
|
var _proto = RelativeRangePicker.prototype;
|
|
229
|
-
|
|
230
192
|
_proto.render = function render() {
|
|
231
193
|
var _this$props4 = this.props,
|
|
232
|
-
|
|
233
|
-
|
|
194
|
+
texts = _this$props4.texts,
|
|
195
|
+
showCustomRange = _this$props4.showCustomRange;
|
|
234
196
|
var _this$state3 = this.state,
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
197
|
+
groupedRanges = _this$state3.groupedRanges,
|
|
198
|
+
currentGroup = _this$state3.currentGroup,
|
|
199
|
+
currentRange = _this$state3.currentRange;
|
|
238
200
|
var isCustomValue = currentRange.type === 'RELATIVE' && !findMatchingPreset(currentRange);
|
|
239
201
|
var orderedGroupedRanges = groupedRanges == null ? void 0 : groupedRanges.sort(function (a, b) {
|
|
240
202
|
return CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(a.key) - CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(b.key);
|
|
@@ -250,10 +212,8 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
250
212
|
type: isCustomValue ? 'primary' : 'tertiary'
|
|
251
213
|
}, texts == null ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), displayRangeForm && this.renderCustomRangeForm());
|
|
252
214
|
};
|
|
253
|
-
|
|
254
215
|
return RelativeRangePicker;
|
|
255
216
|
}(React.PureComponent);
|
|
256
|
-
|
|
257
217
|
_defineProperty(RelativeRangePicker, "defaultProps", {
|
|
258
218
|
ranges: [].concat(CONST.RELATIVE_PRESETS, CONST.ABSOLUTE_PRESETS),
|
|
259
219
|
relativeModes: ['PAST', 'FUTURE'],
|
|
@@ -263,5 +223,4 @@ _defineProperty(RelativeRangePicker, "defaultProps", {
|
|
|
263
223
|
return e;
|
|
264
224
|
}
|
|
265
225
|
});
|
|
266
|
-
|
|
267
226
|
export default injectIntl(RelativeRangePicker);
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
var _excluded = ["children"],
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
_excluded2 = ["children"];
|
|
4
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); }
|
|
5
|
-
|
|
6
4
|
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; }
|
|
7
|
-
|
|
8
5
|
import React from 'react';
|
|
9
6
|
import styled from 'styled-components';
|
|
10
7
|
import Button from '@synerise/ds-button';
|
|
@@ -12,6 +9,7 @@ import ListItem from '@synerise/ds-list-item';
|
|
|
12
9
|
import { InputGroup } from '@synerise/ds-input';
|
|
13
10
|
import { InputGroupItem } from '@synerise/ds-input/dist/InputGroup.styles';
|
|
14
11
|
// import 'antd/lib/input/style/index.css' // this style might be in imported scopes as we use input; not needed here, but worth to mention this
|
|
12
|
+
|
|
15
13
|
export var Container = styled.div.withConfig({
|
|
16
14
|
displayName: "RelativeRangePickerstyles__Container",
|
|
17
15
|
componentId: "sc-17ul7sp-0"
|
|
@@ -44,8 +42,7 @@ export var InputSelectGroup = styled(InputGroup).withConfig({
|
|
|
44
42
|
})(["&&,.ant-input-group.ant-input-group-compact&&{display:flex;align-items:center;.ant-input-number{display:flex;flex:1;}.ds-select-wrapper{width:122px;}height:32px;", "{min-width:unset;}}"], InputGroupItem);
|
|
45
43
|
export var ModeDropdownTrigger = styled(function (_ref) {
|
|
46
44
|
var children = _ref.children,
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
49
46
|
return (
|
|
50
47
|
/*#__PURE__*/
|
|
51
48
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -59,8 +56,7 @@ export var ModeDropdownTrigger = styled(function (_ref) {
|
|
|
59
56
|
})(["&&{margin-right:8px;}"]);
|
|
60
57
|
export var Range = styled(function (_ref2) {
|
|
61
58
|
var children = _ref2.children,
|
|
62
|
-
|
|
63
|
-
|
|
59
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
|
|
64
60
|
return (
|
|
65
61
|
/*#__PURE__*/
|
|
66
62
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
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; }
|
|
4
|
-
|
|
5
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; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
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); }
|
|
10
|
-
|
|
11
6
|
import * as CONST from '../../constants';
|
|
12
7
|
export var findMatchingPreset = function findMatchingPreset(range) {
|
|
13
8
|
if (!range || range.type !== CONST.RELATIVE) {
|
|
14
9
|
return;
|
|
15
10
|
}
|
|
16
|
-
|
|
17
11
|
var matchingPreset = CONST.RELATIVE_PRESETS.find(function (preset) {
|
|
18
12
|
var _preset$offset, _range$offset, _preset$offset2, _range$offset2, _preset$duration, _range$duration, _preset$duration2, _range$duration2;
|
|
19
|
-
|
|
20
13
|
return Boolean(preset.future) === Boolean(range.future) && ((_preset$offset = preset.offset) == null ? void 0 : _preset$offset.type) === ((_range$offset = range.offset) == null ? void 0 : _range$offset.type) && ((_preset$offset2 = preset.offset) == null ? void 0 : _preset$offset2.value) === ((_range$offset2 = range.offset) == null ? void 0 : _range$offset2.value) && ((_preset$duration = preset.duration) == null ? void 0 : _preset$duration.type) === ((_range$duration = range.duration) == null ? void 0 : _range$duration.type) && ((_preset$duration2 = preset.duration) == null ? void 0 : _preset$duration2.value) === ((_range$duration2 = range.duration) == null ? void 0 : _range$duration2.value);
|
|
21
|
-
});
|
|
22
|
-
|
|
14
|
+
});
|
|
15
|
+
// eslint-disable-next-line consistent-return
|
|
23
16
|
return matchingPreset && _objectSpread({}, matchingPreset);
|
|
24
17
|
};
|
|
@@ -1,25 +1,18 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
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; }
|
|
4
|
-
|
|
5
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; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
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); }
|
|
10
|
-
|
|
11
6
|
import { findMatchingPreset } from './findMatchingPreset.utils';
|
|
12
7
|
import { CUSTOM_RANGE_KEY } from '../../constants';
|
|
13
8
|
export var updatePresetKey = function updatePresetKey(range) {
|
|
14
9
|
var matchingPreset = findMatchingPreset(range);
|
|
15
|
-
|
|
16
10
|
if (matchingPreset && matchingPreset.key) {
|
|
17
11
|
return _objectSpread({}, range, {
|
|
18
12
|
key: matchingPreset.key,
|
|
19
13
|
translationKey: matchingPreset.translationKey
|
|
20
14
|
});
|
|
21
15
|
}
|
|
22
|
-
|
|
23
16
|
return _objectSpread({}, range, {
|
|
24
17
|
key: CUSTOM_RANGE_KEY,
|
|
25
18
|
translationKey: CUSTOM_RANGE_KEY
|
package/dist/constants.js
CHANGED
package/dist/dateUtils/Date.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormattedDate, FormattedTime } from 'react-intl';
|
|
3
|
-
|
|
4
3
|
var ParsedDate = function ParsedDate(props) {
|
|
5
4
|
var date = props.date;
|
|
6
5
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedDate, {
|
|
@@ -15,5 +14,4 @@ var ParsedDate = function ParsedDate(props) {
|
|
|
15
14
|
minute: "numeric"
|
|
16
15
|
}));
|
|
17
16
|
};
|
|
18
|
-
|
|
19
17
|
export default ParsedDate;
|
package/dist/dateUtils/format.js
CHANGED
|
@@ -8,19 +8,15 @@ var locales = {
|
|
|
8
8
|
es: es
|
|
9
9
|
};
|
|
10
10
|
var defaultLocale = 'en';
|
|
11
|
-
|
|
12
11
|
var format = function format(date, formatStr, locale) {
|
|
13
12
|
if (locale === void 0) {
|
|
14
13
|
locale = defaultLocale;
|
|
15
14
|
}
|
|
16
|
-
|
|
17
15
|
if (!fnsIsValid(date)) {
|
|
18
16
|
return '';
|
|
19
17
|
}
|
|
20
|
-
|
|
21
18
|
return fnsFormat(legacyParse(date), convertTokens(formatStr), {
|
|
22
19
|
locale: locales[locale.substring(0, 2)]
|
|
23
20
|
});
|
|
24
21
|
};
|
|
25
|
-
|
|
26
22
|
export default format;
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
import { isEqual } from 'lodash';
|
|
2
2
|
import { RELATIVE_PRESETS, RELATIVE } from '../constants';
|
|
3
|
-
|
|
4
3
|
var getRelativePresetForRange = function getRelativePresetForRange(range) {
|
|
5
4
|
var relativeResult;
|
|
6
|
-
|
|
7
5
|
if ((range == null ? void 0 : range.type) === RELATIVE) {
|
|
8
6
|
relativeResult = range.type === RELATIVE && RELATIVE_PRESETS.find(function (item) {
|
|
9
7
|
return isEqual(item.offset, range.offset) && isEqual(item.duration, range.duration) && range.key === item.key;
|
|
10
8
|
});
|
|
11
9
|
}
|
|
12
|
-
|
|
13
10
|
return relativeResult || range;
|
|
14
11
|
};
|
|
15
|
-
|
|
16
12
|
export default getRelativePresetForRange;
|
|
@@ -4,15 +4,13 @@ import { legacyParse } from '@date-fns/upgrade/v2';
|
|
|
4
4
|
import ADD from './add';
|
|
5
5
|
import START_OF from './startOf';
|
|
6
6
|
import END_OF from './endOf';
|
|
7
|
-
|
|
8
7
|
var relativeToAbsolute = function relativeToAbsolute(range) {
|
|
9
8
|
var future = range.future,
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
offset = range.offset,
|
|
10
|
+
duration = range.duration;
|
|
12
11
|
var now = new Date();
|
|
13
12
|
var left;
|
|
14
13
|
var right;
|
|
15
|
-
|
|
16
14
|
if (future) {
|
|
17
15
|
left = legacyParse(ADD[offset.type](START_OF[offset.type](now), offset.value));
|
|
18
16
|
right = legacyParse(ADD[duration.type](END_OF[duration.type](left), duration.value - 1));
|
|
@@ -20,7 +18,6 @@ var relativeToAbsolute = function relativeToAbsolute(range) {
|
|
|
20
18
|
right = legacyParse(ADD[offset.type](END_OF[offset.type](now), -offset.value));
|
|
21
19
|
left = legacyParse(ADD[duration.type](START_OF[duration.type](right), 1 - duration.value));
|
|
22
20
|
}
|
|
23
|
-
|
|
24
21
|
var from = fnsMin([left, right]);
|
|
25
22
|
var to = fnsMax([left, right]);
|
|
26
23
|
return {
|
|
@@ -29,5 +26,4 @@ var relativeToAbsolute = function relativeToAbsolute(range) {
|
|
|
29
26
|
type: 'ABSOLUTE'
|
|
30
27
|
};
|
|
31
28
|
};
|
|
32
|
-
|
|
33
29
|
export default relativeToAbsolute;
|