@synerise/ds-date-range-picker 0.11.2 → 0.11.6

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 (45) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/DateRangePicker.js +9 -24
  3. package/dist/DateRangePicker.styles.js +1 -1
  4. package/dist/Footer/Footer.js +3 -5
  5. package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +166 -204
  6. package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +1 -1
  7. package/dist/RangeFilter/Filters/new/Daily/Daily.js +5 -17
  8. package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +17 -38
  9. package/dist/RangeFilter/Filters/new/Weekly/utils.js +6 -3
  10. package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +6 -20
  11. package/dist/RangeFilter/RangeFilter.js +110 -138
  12. package/dist/RangeFilter/Shared/AddButton/AddButton.js +2 -4
  13. package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +3 -3
  14. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +1 -1
  15. package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +5 -19
  16. package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -1
  17. package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +5 -20
  18. package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +1 -1
  19. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +8 -22
  20. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +9 -22
  21. package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +1 -1
  22. package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +148 -182
  23. package/dist/RangeFilter/Shared/TimeWindow/utils.js +2 -2
  24. package/dist/RangeFilter/constants.js +1 -1
  25. package/dist/RangeFilter/utils.js +43 -61
  26. package/dist/RangePicker/RangePicker.js +100 -118
  27. package/dist/RangePicker/utils.js +8 -3
  28. package/dist/RangePickerInput/RangePickerInput.js +5 -18
  29. package/dist/RangePickerInput/RangePickerInput.styles.js +1 -1
  30. package/dist/RawDateRangePicker.js +116 -139
  31. package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +1 -1
  32. package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +1 -1
  33. package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +3 -16
  34. package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +1 -1
  35. package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +3 -16
  36. package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +14 -30
  37. package/dist/RelativeRangePicker/RelativeRangePicker.js +80 -115
  38. package/dist/RelativeRangePicker/RelativeRangePicker.styles.d.ts +1 -1
  39. package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +3 -5
  40. package/dist/RelativeRangePicker/utils.js +1 -1
  41. package/dist/constants.js +1 -13
  42. package/dist/dateUtils/format.js +5 -2
  43. package/dist/dateUtils/getRelativePresetForRange.js +1 -1
  44. package/dist/utils.js +55 -55
  45. 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) { 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; }
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
- _React$useState2 = _slicedToArray(_React$useState, 2),
40
- durationModifier = _React$useState2[0],
41
- setDurationModifier = _React$useState2[1];
27
+ durationModifier = _React$useState[0],
28
+ setDurationModifier = _React$useState[1];
42
29
 
43
- var _React$useState3 = React.useState(currentRange.duration.value),
44
- _React$useState4 = _slicedToArray(_React$useState3, 2),
45
- durationValue = _React$useState4[0],
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$useState5 = React.useState(currentRange.duration.type),
49
- _React$useState6 = _slicedToArray(_React$useState5, 2),
50
- durationUnit = _React$useState6[0],
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$useState7 = React.useState(!timestamp),
54
- _React$useState8 = _slicedToArray(_React$useState7, 2),
55
- error = _React$useState8[0],
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(_objectSpread({}, currentRange), {}, {
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(_objectSpread({}, currentRange), {}, {
71
+ offsetToTimestamp = _objectSpread({}, currentRange, {
88
72
  duration: {
89
73
  type: duration.type,
90
74
  value: duration.value
@@ -1,42 +1,12 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
7
+ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
38
8
 
39
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
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
- _inherits(RelativeRangePicker, _React$PureComponent);
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
- _classCallCheck(this, RelativeRangePicker);
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.onModeChange = function (mode) {
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.onTimestampChange = function (timestamp) {
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.handleCustomClick = function () {
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(_objectSpread({}, sourceRange), {}, {
65
+ onChange(_objectSpread({}, sourceRange, {
100
66
  key: undefined,
101
67
  translationKey: CUSTOM_RANGE_KEY
102
68
  }));
103
69
  } else {
104
- onChange(_objectSpread(_objectSpread({}, currentRange), {}, {
70
+ onChange(_objectSpread({}, currentRange, {
105
71
  key: undefined,
106
72
  translationKey: CUSTOM_RANGE_KEY
107
73
  }));
108
74
  }
109
- };
75
+ });
110
76
 
111
- _this.onChange = function (value) {
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(_objectSpread({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value)), {}, {
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.renderRanges = function (ranges) {
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.renderRangesDropdown = function (ranges) {
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.onOffsetValueChange = function (value) {
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.onDurationValueChange = function (value) {
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.renderCustomRangeForm = function () {
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
- _createClass(RelativeRangePicker, [{
208
- key: "render",
209
- value: 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 !== void 0 && value.key) || !(currentRange !== null && currentRange !== void 0 && 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 || 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 (future !== prevState.future || past !== prevState.past || relativeModes && !relativeModes.includes(state.currentGroup)) {
256
- state.currentGroup = getCurrentGroupFromProps(nextProps);
257
- state.future = prevState.future;
258
- state.past = prevState.past;
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
- return state;
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.defaultProps = {
269
- ranges: [].concat(_toConsumableArray(CONST.RELATIVE_PRESETS), _toConsumableArray(CONST.ABSOLUTE_PRESETS)),
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);
@@ -15,7 +15,7 @@ export declare const DatePickerWrapper: import("styled-components").StyledCompon
15
15
  error: boolean;
16
16
  }, never>;
17
17
  export declare const DropMenu: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
18
- export declare const DropMenuItem: import("styled-components").StyledComponent<React.FC<import("@synerise/ds-menu/dist/Elements/SubMenu/SubMenu.types").SubMenuProps & import("@synerise/ds-menu/dist/Elements/Item/MenuItem.types").MenuItemProps>, any, {}, never>;
18
+ export declare const DropMenuItem: import("styled-components").StyledComponent<React.FC<import("@synerise/ds-menu/dist/Elements/SubMenu/SubMenu.types").SubMenuProps & import("@synerise/ds-menu").MenuItemProps>, any, {}, never>;
19
19
  export declare const OverlayWrapper: import("styled-components").StyledComponent<"div", any, {
20
20
  visible?: boolean | undefined;
21
21
  width?: number | undefined;
@@ -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 = _objectWithoutProperties(_ref, _excluded);
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 = _objectWithoutProperties(_ref2, _excluded2);
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:".concat(props.width, "px;");
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 === null || relativeModes === void 0 ? void 0 : relativeModes.length) > 0) {
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 _toConsumableArray(Array(size).keys()).map(function (i) {
19
+ return [].concat(Array(size).keys()).map(function (i) {
32
20
  return i + start;
33
21
  });
34
22
  };
@@ -8,8 +8,11 @@ var locales = {
8
8
  };
9
9
  var defaultLocale = 'en';
10
10
 
11
- var format = function format(date, formatStr) {
12
- var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultLocale;
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 === null || range === void 0 ? void 0 : range.type) === RELATIVE) {
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
  });