@synerise/ds-date-range-picker 0.31.2 → 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.
Files changed (63) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/AddonCollapse/AddonCollapse.js +4 -8
  3. package/dist/DateRangePicker.js +31 -48
  4. package/dist/DateRangePicker.styles.js +0 -13
  5. package/dist/DateRangePicker.types.js +5 -1
  6. package/dist/Footer/Footer.js +16 -31
  7. package/dist/Footer/Footer.styles.js +0 -1
  8. package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +9 -11
  9. package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +36 -83
  10. package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +11 -12
  11. package/dist/RangeFilter/Filters/new/Daily/Daily.js +15 -24
  12. package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +27 -60
  13. package/dist/RangeFilter/Filters/new/Monthly/utils.js +0 -7
  14. package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +23 -49
  15. package/dist/RangeFilter/Filters/new/Weekly/utils.js +0 -7
  16. package/dist/RangeFilter/Filters/new/constants.js +2 -2
  17. package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +4 -10
  18. package/dist/RangeFilter/RangeFilter.js +19 -55
  19. package/dist/RangeFilter/Shared/AddButton/AddButton.js +1 -7
  20. package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +4 -6
  21. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +5 -8
  22. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts +3 -2
  23. package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +5 -10
  24. package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -3
  25. package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js +1 -3
  26. package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +15 -22
  27. package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +13 -17
  28. package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +2 -4
  29. package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js +3 -5
  30. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +29 -53
  31. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.utils.js +0 -1
  32. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +35 -48
  33. package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +4 -7
  34. package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +50 -136
  35. package/dist/RangeFilter/Shared/TimeWindow/utils.js +0 -3
  36. package/dist/RangeFilter/constants.js +0 -4
  37. package/dist/RangeFilter/utils.js +27 -50
  38. package/dist/RangePicker/RangePicker.js +53 -123
  39. package/dist/RangePicker/utils.js +0 -22
  40. package/dist/RangePickerInput/RangePickerInput.js +23 -35
  41. package/dist/RangePickerInput/RangePickerInput.styles.js +0 -4
  42. package/dist/RawDateRangePicker.js +57 -114
  43. package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js +11 -17
  44. package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +5 -7
  45. package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +5 -7
  46. package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +5 -9
  47. package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +3 -5
  48. package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +12 -18
  49. package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js +6 -8
  50. package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +29 -45
  51. package/dist/RelativeRangePicker/RelativeRangePicker.js +28 -69
  52. package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +4 -8
  53. package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.js +2 -9
  54. package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.js +0 -2
  55. package/dist/RelativeRangePicker/utils/updatePresetKey.utils.js +0 -7
  56. package/dist/constants.js +0 -1
  57. package/dist/dateUtils/Date.js +0 -2
  58. package/dist/dateUtils/format.js +0 -4
  59. package/dist/dateUtils/getDateFromString.js +0 -1
  60. package/dist/dateUtils/getRelativePresetForRange.js +0 -4
  61. package/dist/dateUtils/relativeToAbsolute.js +2 -6
  62. package/dist/utils.js +2 -25
  63. package/package.json +3 -3
@@ -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
- durationModifier = _ref.durationModifier,
12
- onDurationModifierChange = _ref.onDurationModifierChange,
13
- value = _ref.value,
14
- onDurationUnitChange = _ref.onDurationUnitChange,
15
- unit = _ref.unit,
16
- texts = _ref.texts;
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
- handleChange = _ref.handleChange,
26
- texts = _ref.texts,
27
- onTimestampChange = _ref.onTimestampChange,
28
- _ref$getValueOnReset = _ref.getValueOnReset,
29
- getValueOnReset = _ref$getValueOnReset === void 0 ? function () {
30
- return _objectSpread({}, DEFAULT_RANGE, {
31
- type: 'RELATIVE',
32
- offset: {
33
- type: 'SINCE',
34
- value: new Date()
35
- },
36
- duration: {
37
- type: 'DAYS',
38
- value: 30
39
- },
40
- translationKey: CUSTOM_RANGE_KEY
41
- });
42
- } : _ref$getValueOnReset,
43
- timestamp = _ref.timestamp;
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
- durationModifier = _React$useState[0],
47
- setDurationModifier = _React$useState[1];
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
- durationValue = _React$useState2[0],
51
- setDurationValue = _React$useState2[1];
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
- durationUnit = _React$useState3[0],
55
- setDurationUnit = _React$useState3[1];
56
-
44
+ durationUnit = _React$useState3[0],
45
+ setDurationUnit = _React$useState3[1];
57
46
  var _React$useState4 = React.useState(!timestamp),
58
- error = _React$useState4[0],
59
- setError = _React$useState4[1];
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); // eslint-disable-next-line react-hooks/exhaustive-deps
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
- _this = _React$PureComponent.call(this, props) || this; // @ts-ignore
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
- lastCustomRange = _this$state.lastCustomRange,
69
- currentGroup = _this$state.currentGroup;
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
- }); // eslint-disable-next-line @typescript-eslint/no-explicit-any
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
- onChange = _this$props.onChange,
111
- texts = _this$props.texts,
112
- value = _this$props.value;
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
- onChange = _this$props2.onChange,
126
- texts = _this$props2.texts,
127
- valueTransformer = _this$props2.valueTransformer;
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
- currentRange = _this$state2.currentRange,
160
- currentGroup = _this$state2.currentGroup,
161
- sinceTimestamp = _this$state2.sinceTimestamp;
130
+ currentRange = _this$state2.currentRange,
131
+ currentGroup = _this$state2.currentGroup,
132
+ sinceTimestamp = _this$state2.sinceTimestamp;
162
133
  var _this$props3 = _this.props,
163
- ranges = _this$props3.ranges,
164
- texts = _this$props3.texts,
165
- relativeModes = _this$props3.relativeModes,
166
- rangeUnits = _this$props3.rangeUnits;
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
- value = nextProps.value,
197
- future = nextProps.future,
198
- past = nextProps.past,
199
- relativeModes = nextProps.relativeModes;
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
- texts = _this$props4.texts,
233
- showCustomRange = _this$props4.showCustomRange;
194
+ texts = _this$props4.texts,
195
+ showCustomRange = _this$props4.showCustomRange;
234
196
  var _this$state3 = this.state,
235
- groupedRanges = _this$state3.groupedRanges,
236
- currentGroup = _this$state3.currentGroup,
237
- currentRange = _this$state3.currentRange;
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
- _excluded2 = ["children"];
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
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
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
- rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
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
- }); // eslint-disable-next-line consistent-return
22
-
14
+ });
15
+ // eslint-disable-next-line consistent-return
23
16
  return matchingPreset && _objectSpread({}, matchingPreset);
24
17
  };
@@ -1,9 +1,7 @@
1
1
  export function getCurrentGroupFromProps(_ref) {
2
2
  var relativeModes = _ref.relativeModes;
3
-
4
3
  if (!!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
5
4
  return relativeModes[0];
6
5
  }
7
-
8
6
  return null;
9
7
  }
@@ -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
@@ -27,7 +27,6 @@ export var range = function range(start, end) {
27
27
  if (end <= start) {
28
28
  return [];
29
29
  }
30
-
31
30
  var size = end - start;
32
31
  return Array.from(Array(size).keys()).map(function (i) {
33
32
  return i + start;
@@ -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;
@@ -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,5 +1,4 @@
1
1
  var getDateFromString = function getDateFromString(dateOrString) {
2
2
  return dateOrString instanceof Date ? dateOrString : new Date(dateOrString);
3
3
  };
4
-
5
4
  export default getDateFromString;
@@ -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
- offset = range.offset,
11
- duration = range.duration;
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;