@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
@@ -1,19 +1,11 @@
1
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
2
  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; }
4
-
5
3
  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; }
6
-
7
4
  function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
8
-
9
5
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
10
-
11
6
  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; }
12
-
13
7
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
14
-
15
8
  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); }
16
-
17
9
  import React from 'react';
18
10
  import { FormattedMessage, injectIntl } from 'react-intl';
19
11
  import ContentItem from '@synerise/ds-manageable-list/dist/Item/ContentItem/ContentItem';
@@ -25,58 +17,45 @@ import { MONTH_DAYS, DEFAULT_DAYS_OF_PERIODS, DEFAULT_COUNTED_FROM, defaultId, D
25
17
  import * as S from './MonthlyFilter.styles';
26
18
  import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
27
19
  import { getDefaultTexts } from '../../../utils';
28
-
29
20
  var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
30
21
  function MonthlyFilter() {
31
22
  var _visible;
32
-
33
23
  var _this;
34
-
35
24
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
36
25
  args[_key] = arguments[_key];
37
26
  }
38
-
39
27
  _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
40
-
41
28
  _defineProperty(_this, "state", {
42
29
  visible: (_visible = {}, _visible[defaultId] = true, _visible)
43
30
  });
44
-
45
31
  _defineProperty(_this, "setData", function (definition) {
46
32
  var onChange = _this.props.onChange;
47
33
  return onChange(definition);
48
34
  });
49
-
50
35
  _defineProperty(_this, "handleAddRow", function () {
51
36
  var id = uuid();
52
37
  var _this$props = _this.props,
53
- value = _this$props.value,
54
- countedFromPeriods = _this$props.countedFromPeriods,
55
- daysOfPeriods = _this$props.daysOfPeriods;
38
+ value = _this$props.value,
39
+ countedFromPeriods = _this$props.countedFromPeriods,
40
+ daysOfPeriods = _this$props.daysOfPeriods;
56
41
  var defaultPeriod = (daysOfPeriods || DEFAULT_DAYS_OF_PERIODS)[0].value;
57
42
  var defaultPeriodType = (countedFromPeriods || DEFAULT_COUNTED_FROM)[0].value;
58
-
59
43
  _this.setData([].concat(value, [{
60
44
  period: defaultPeriod,
61
45
  periodType: defaultPeriodType,
62
46
  definition: {},
63
47
  id: id
64
48
  }]));
65
-
66
49
  _this.handleCollapse(id);
67
50
  });
68
-
69
51
  _defineProperty(_this, "handleRemoveRow", function (index) {
70
52
  var value = _this.props.value;
71
53
  var result = value.filter(function (item, key) {
72
54
  return key !== index;
73
55
  });
74
-
75
56
  _this.handleRemoveRowCollapse(value[index].id);
76
-
77
57
  _this.setData([].concat(result));
78
58
  });
79
-
80
59
  _defineProperty(_this, "handleRemoveRowCollapse", function (deletedId) {
81
60
  var value = _this.props.value;
82
61
  var visible = _this.state.visible;
@@ -87,27 +66,22 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
87
66
  var prev = value[itemKey - 1];
88
67
  visible[deletedId] && (next || prev) && _this.handleCollapse(next ? next.id : prev.id);
89
68
  });
90
-
91
69
  _defineProperty(_this, "handleTypeChange", function (val, index) {
92
70
  var value = _this.props.value;
93
71
  value[index] = _objectSpread({}, value[index], {
94
72
  period: val,
95
73
  definition: {}
96
74
  });
97
-
98
75
  _this.setData(value);
99
76
  });
100
-
101
77
  _defineProperty(_this, "handlePeriodTypeChange", function (val, index) {
102
78
  var value = _this.props.value;
103
79
  var data = [].concat(value);
104
80
  data[index] = _objectSpread({}, data[index], {
105
81
  periodType: val
106
82
  });
107
-
108
83
  _this.setData(data);
109
84
  });
110
-
111
85
  _defineProperty(_this, "handleDefinitionChange", function (definition, index) {
112
86
  var value = _this.props.value;
113
87
  var data = [].concat(value);
@@ -115,10 +89,8 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
115
89
  data[index] = _objectSpread({}, currentDefinition, {
116
90
  definition: definition
117
91
  });
118
-
119
92
  _this.setData(data);
120
93
  });
121
-
122
94
  _defineProperty(_this, "dayWeekFormatter", function (index, _long) {
123
95
  var intl = _this.props.intl;
124
96
  var weekStartIndex = Math.floor(index / 7);
@@ -133,7 +105,6 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
133
105
  id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayOfWeek
134
106
  });
135
107
  });
136
-
137
108
  _defineProperty(_this, "dayMonthFormatter", function (i, _long2) {
138
109
  var intl = _this.props.intl;
139
110
  var locale = intl.locale.substring(0, 2);
@@ -143,7 +114,6 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
143
114
  nth: MONTH_DAYS(locale)[i]
144
115
  }) : MONTH_DAYS(locale)[i];
145
116
  });
146
-
147
117
  _defineProperty(_this, "dayTemplate", function (index) {
148
118
  var weekStartIndex = Math.floor(index / 7);
149
119
  return {
@@ -151,10 +121,8 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
151
121
  day: index - weekStartIndex * 7
152
122
  };
153
123
  });
154
-
155
124
  _defineProperty(_this, "getTimeWindowSettings", function (item) {
156
125
  var _settings;
157
-
158
126
  var intl = _this.props.intl;
159
127
  var settings = (_settings = {}, _settings[DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH] = {
160
128
  numberOfDays: 31,
@@ -181,36 +149,29 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
181
149
  }, _settings);
182
150
  return settings[item.period];
183
151
  });
184
-
185
152
  _defineProperty(_this, "handleCollapse", function (id) {
186
153
  var visible = _this.state.visible;
187
154
  var updatedVisible = {};
188
155
  var visibleKeys = visible ? Object.keys(visible) : [];
189
-
190
156
  for (var i = 0; i < visibleKeys.length; i += 1) {
191
157
  var currentIndex = visibleKeys[i];
192
158
  updatedVisible[currentIndex] = false;
193
159
  }
194
-
195
160
  updatedVisible[id] = true;
196
-
197
161
  _this.setState({
198
162
  visible: updatedVisible
199
163
  });
200
164
  });
201
-
202
165
  _defineProperty(_this, "renderDaysOfField", function (item, key) {
203
166
  var _this$props2 = _this.props,
204
- intl = _this$props2.intl,
205
- daysOfPeriods = _this$props2.daysOfPeriods,
206
- disabled = _this$props2.disabled;
207
-
167
+ intl = _this$props2.intl,
168
+ daysOfPeriods = _this$props2.daysOfPeriods,
169
+ disabled = _this$props2.disabled;
208
170
  if ((daysOfPeriods == null ? void 0 : daysOfPeriods.length) === 1) {
209
171
  return /*#__PURE__*/React.createElement(S.PeriodMode, null, /*#__PURE__*/React.createElement(FormattedMessage, {
210
172
  id: daysOfPeriods[0].translationKey
211
173
  }));
212
174
  }
213
-
214
175
  var dataSource = (daysOfPeriods || DEFAULT_DAYS_OF_PERIODS).map(function (period) {
215
176
  return {
216
177
  checked: (item == null ? void 0 : item.period) === period.value,
@@ -253,19 +214,16 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
253
214
  size: "small"
254
215
  });
255
216
  });
256
-
257
217
  _defineProperty(_this, "renderCountedFromField", function (item, key) {
258
218
  var _this$props3 = _this.props,
259
- intl = _this$props3.intl,
260
- countedFromPeriods = _this$props3.countedFromPeriods,
261
- disabled = _this$props3.disabled;
262
-
219
+ intl = _this$props3.intl,
220
+ countedFromPeriods = _this$props3.countedFromPeriods,
221
+ disabled = _this$props3.disabled;
263
222
  if ((countedFromPeriods == null ? void 0 : countedFromPeriods.length) === 1) {
264
223
  return /*#__PURE__*/React.createElement(S.PeriodMode, null, /*#__PURE__*/React.createElement(FormattedMessage, {
265
224
  id: countedFromPeriods[0].translationKey
266
225
  }));
267
226
  }
268
-
269
227
  var dataSource = (countedFromPeriods || DEFAULT_COUNTED_FROM).map(function (i) {
270
228
  return {
271
229
  checked: (item == null ? void 0 : item.periodType) === i.value,
@@ -309,49 +267,42 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
309
267
  size: "small"
310
268
  });
311
269
  });
312
-
313
270
  return _this;
314
271
  }
315
-
316
272
  _inheritsLoose(MonthlyFilter, _React$PureComponent);
317
-
318
273
  var _proto = MonthlyFilter.prototype;
319
-
320
274
  _proto.componentDidMount = function componentDidMount() {
321
275
  var value = this.props.value;
322
276
  value.length && this.handleCollapse(value[0].id);
323
277
  };
324
-
325
278
  _proto.render = function render() {
326
279
  var _this2 = this;
327
-
328
280
  var _this$props4 = this.props,
329
- value = _this$props4.value,
330
- onRangeCopy = _this$props4.onRangeCopy,
331
- onRangePaste = _this$props4.onRangePaste,
332
- onRangeClear = _this$props4.onRangeClear,
333
- rangeClipboard = _this$props4.rangeClipboard,
334
- texts = _this$props4.texts,
335
- valueSelectionModes = _this$props4.valueSelectionModes,
336
- timePickerProps = _this$props4.timePickerProps,
337
- disabled = _this$props4.disabled,
338
- renderRangeFormSuffix = _this$props4.renderRangeFormSuffix,
339
- maxEntries = _this$props4.maxEntries,
340
- rangeDisplayMode = _this$props4.rangeDisplayMode,
341
- intl = _this$props4.intl; // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
342
-
281
+ value = _this$props4.value,
282
+ onRangeCopy = _this$props4.onRangeCopy,
283
+ onRangePaste = _this$props4.onRangePaste,
284
+ onRangeClear = _this$props4.onRangeClear,
285
+ rangeClipboard = _this$props4.rangeClipboard,
286
+ texts = _this$props4.texts,
287
+ valueSelectionModes = _this$props4.valueSelectionModes,
288
+ timePickerProps = _this$props4.timePickerProps,
289
+ disabled = _this$props4.disabled,
290
+ renderRangeFormSuffix = _this$props4.renderRangeFormSuffix,
291
+ maxEntries = _this$props4.maxEntries,
292
+ rangeDisplayMode = _this$props4.rangeDisplayMode,
293
+ intl = _this$props4.intl;
294
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
343
295
  var _ref = this.props,
344
- _ref$min = _ref.min,
345
- min = _ref$min === void 0 ? 1 : _ref$min;
296
+ _ref$min = _ref.min,
297
+ min = _ref$min === void 0 ? 1 : _ref$min;
346
298
  var visible = this.state.visible;
347
299
  var data = [].concat(value);
348
300
  var allTexts = getDefaultTexts(intl, false, texts);
349
- /** if `min` is undefined, then entry can be always deleted, otherwise it's key has to be greated or equal than N */
350
301
 
302
+ /** if `min` is undefined, then entry can be always deleted, otherwise it's key has to be greated or equal than N */
351
303
  var deletableDueToEntriesLimit = function deletableDueToEntriesLimit(key) {
352
304
  return min === undefined || min !== undefined && key >= min;
353
305
  };
354
-
355
306
  return /*#__PURE__*/React.createElement(S.MonthlyFilterWrapper, {
356
307
  className: "monthly-wrapper"
357
308
  }, data.map(function (item, key) {
@@ -383,24 +334,29 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
383
334
  content: visible[item.id] ? /*#__PURE__*/React.createElement(S.ContentWrapper, null, /*#__PURE__*/React.createElement(TimeWindow, _extends({
384
335
  disabled: disabled,
385
336
  readOnly: !!disabled,
386
- texts: allTexts // eslint-disable-next-line react/no-array-index-key
337
+ texts: allTexts
338
+ // eslint-disable-next-line react/no-array-index-key
387
339
  ,
388
340
  key: item.period + "_" + key,
389
341
  showSelectAll: true,
390
342
  invertibleTime: true,
391
- numberOfDaysPerRow: 7 // @ts-expect-error: FIXME: Type '{ [day: number]: DenormalizedFilter; }' is not assignable to type 'Days'.
343
+ numberOfDaysPerRow: 7
344
+ // @ts-expect-error: FIXME: Type '{ [day: number]: DenormalizedFilter; }' is not assignable to type 'Days'.
392
345
  ,
393
- days: item.definition // @ts-expect-error: FIXME: Type '(definition: Month) => void' is not assignable to type '(days: Days) => void'.
346
+ days: item.definition
347
+ // @ts-expect-error: FIXME: Type '(definition: Month) => void' is not assignable to type '(days: Days) => void'.
394
348
  ,
395
349
  onChange: function onChange(definition) {
396
350
  return _this2.handleDefinitionChange(definition, key);
397
351
  },
398
352
  onRangeClear: onRangeClear,
399
353
  onRangeCopy: onRangeCopy,
400
- onRangePaste: onRangePaste // @ts-expect-error: FIXME: Type 'Partial<FilterDefinition> | undefined' is not assignable to type 'Partial<FilterDefinition>'.
354
+ onRangePaste: onRangePaste
355
+ // @ts-expect-error: FIXME: Type 'Partial<FilterDefinition> | undefined' is not assignable to type 'Partial<FilterDefinition>'.
401
356
  ,
402
357
  rangeClipboard: rangeClipboard,
403
- monthlyFilterPeriod: data[key].period // @ts-expect-error: FIXME: Type 'Partial<FilterDefinition> | undefined' is not assignable to type 'Partial<FilterDefinition>'.
358
+ monthlyFilterPeriod: data[key].period
359
+ // @ts-expect-error: FIXME: Type 'Partial<FilterDefinition> | undefined' is not assignable to type 'Partial<FilterDefinition>'.
404
360
  ,
405
361
  valueSelectionModes: valueSelectionModes,
406
362
  renderRangeFormSuffix: renderRangeFormSuffix,
@@ -420,12 +376,9 @@ var MonthlyFilter = /*#__PURE__*/function (_React$PureComponent) {
420
376
  block: true
421
377
  })));
422
378
  };
423
-
424
379
  return MonthlyFilter;
425
380
  }(React.PureComponent);
426
-
427
381
  _defineProperty(MonthlyFilter, "defaultProps", {
428
382
  maxEntries: 4
429
383
  });
430
-
431
384
  export default injectIntl(MonthlyFilter);
@@ -1,18 +1,17 @@
1
1
  import React from 'react';
2
2
  import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
3
3
  import * as S from '../../RangeFilter.styles';
4
-
5
4
  var WeeklyFilter = function WeeklyFilter(_ref) {
6
5
  var value = _ref.value,
7
- onChange = _ref.onChange,
8
- onRangeClear = _ref.onRangeClear,
9
- onRangePaste = _ref.onRangePaste,
10
- onRangeCopy = _ref.onRangeCopy,
11
- rangeClipboard = _ref.rangeClipboard,
12
- intl = _ref.intl,
13
- valueSelectionModes = _ref.valueSelectionModes,
14
- rangeDisplayMode = _ref.rangeDisplayMode,
15
- texts = _ref.texts;
6
+ onChange = _ref.onChange,
7
+ onRangeClear = _ref.onRangeClear,
8
+ onRangePaste = _ref.onRangePaste,
9
+ onRangeCopy = _ref.onRangeCopy,
10
+ rangeClipboard = _ref.rangeClipboard,
11
+ intl = _ref.intl,
12
+ valueSelectionModes = _ref.valueSelectionModes,
13
+ rangeDisplayMode = _ref.rangeDisplayMode,
14
+ texts = _ref.texts;
16
15
  var handleDayFormatter = React.useCallback(function (dayKey) {
17
16
  return intl.formatMessage({
18
17
  id: "DS.DATE-RANGE-PICKER.WEEKDAYS-SHORT-" + dayKey
@@ -25,7 +24,8 @@ var WeeklyFilter = function WeeklyFilter(_ref) {
25
24
  }, []);
26
25
  return /*#__PURE__*/React.createElement(S.WeeklyFilterContainer, null, /*#__PURE__*/React.createElement(TimeWindow, {
27
26
  texts: texts,
28
- showSelectAll: true // @ts-expect-error: FIXME: Property 'invertibleTime' does not exist on type
27
+ showSelectAll: true
28
+ // @ts-expect-error: FIXME: Property 'invertibleTime' does not exist on type
29
29
  ,
30
30
  invertibleTime: true,
31
31
  dayFormatter: handleDayFormatter,
@@ -42,5 +42,4 @@ var WeeklyFilter = function WeeklyFilter(_ref) {
42
42
  rangeDisplayMode: rangeDisplayMode
43
43
  }));
44
44
  };
45
-
46
45
  export default WeeklyFilter;
@@ -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
  import React, { useMemo, useCallback } from 'react';
12
7
  import { useIntl } from 'react-intl';
13
8
  import dayjs from 'dayjs';
@@ -16,22 +11,21 @@ import * as S from '../../../RangeFilter.styles';
16
11
  import RangeFormContainer from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer';
17
12
  import { AddButton } from '../../../Shared';
18
13
  import { getDefaultTexts } from '../../../../utils';
19
-
20
14
  var Daily = function Daily(_ref) {
21
15
  var _ref$maxEntries = _ref.maxEntries,
22
- maxEntries = _ref$maxEntries === void 0 ? DEFAULT_MAX_ENTRIES : _ref$maxEntries,
23
- disabled = _ref.disabled,
24
- _ref$value = _ref.value,
25
- value = _ref$value === void 0 ? [] : _ref$value,
26
- _ref$onChange = _ref.onChange,
27
- onChange = _ref$onChange === void 0 ? NOOP : _ref$onChange,
28
- _ref$valueSelectionMo = _ref.valueSelectionMode,
29
- valueSelectionMode = _ref$valueSelectionMo === void 0 ? ['Hour', 'Range'] : _ref$valueSelectionMo,
30
- timeFormat = _ref.timeFormat,
31
- timePickerProps = _ref.timePickerProps,
32
- texts = _ref.texts,
33
- _ref$errorTexts = _ref.errorTexts,
34
- errorTexts = _ref$errorTexts === void 0 ? [] : _ref$errorTexts;
16
+ maxEntries = _ref$maxEntries === void 0 ? DEFAULT_MAX_ENTRIES : _ref$maxEntries,
17
+ disabled = _ref.disabled,
18
+ _ref$value = _ref.value,
19
+ value = _ref$value === void 0 ? [] : _ref$value,
20
+ _ref$onChange = _ref.onChange,
21
+ onChange = _ref$onChange === void 0 ? NOOP : _ref$onChange,
22
+ _ref$valueSelectionMo = _ref.valueSelectionMode,
23
+ valueSelectionMode = _ref$valueSelectionMo === void 0 ? ['Hour', 'Range'] : _ref$valueSelectionMo,
24
+ timeFormat = _ref.timeFormat,
25
+ timePickerProps = _ref.timePickerProps,
26
+ texts = _ref.texts,
27
+ _ref$errorTexts = _ref.errorTexts,
28
+ errorTexts = _ref$errorTexts === void 0 ? [] : _ref$errorTexts;
35
29
  var intl = useIntl();
36
30
  var allTexts = React.useMemo(function () {
37
31
  return getDefaultTexts(intl, false, texts);
@@ -56,15 +50,12 @@ var Daily = function Daily(_ref) {
56
50
  });
57
51
  onChange([].concat(updatedSchedule));
58
52
  }, [value, onChange]);
59
-
60
53
  var _getDayValue = useCallback(function (index) {
61
54
  if (typeof index === 'number' && !!value[index]) {
62
55
  return value[index];
63
56
  }
64
-
65
57
  return defaultDayValue;
66
58
  }, [value, defaultDayValue]);
67
-
68
59
  var handleModeChange = useCallback(function (selectedMode, elementIndex) {
69
60
  var updatedSchedule = value;
70
61
  updatedSchedule[elementIndex] = _objectSpread({}, value[elementIndex], {
@@ -87,7 +78,8 @@ var Daily = function Daily(_ref) {
87
78
  days: EMPTY_OBJECT,
88
79
  onChange: NOOP,
89
80
  errorTexts: errorTexts[index],
90
- onMultipleDayTimeChange: NOOP // eslint-disable-next-line react/no-array-index-key
81
+ onMultipleDayTimeChange: NOOP
82
+ // eslint-disable-next-line react/no-array-index-key
91
83
  ,
92
84
  key: "range-" + index + "-" + String(s == null ? void 0 : s.start),
93
85
  onDayTimeChange: function onDayTimeChange(dateValueArray) {
@@ -117,5 +109,4 @@ var Daily = function Daily(_ref) {
117
109
  onClick: handleRangeAdd
118
110
  }));
119
111
  };
120
-
121
112
  export default Daily;
@@ -1,15 +1,9 @@
1
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
-
3
2
  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; }
4
-
5
3
  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; }
6
-
7
4
  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; }
8
-
9
5
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
10
-
11
6
  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); }
12
-
13
7
  import React from 'react';
14
8
  import { useIntl } from 'react-intl';
15
9
  import dayjs from 'dayjs';
@@ -26,25 +20,24 @@ import { DEFAULT_RANGE_START, DEFAULT_RANGE_END, DEFAULT_TIME_FORMAT, EMPTY_OBJE
26
20
  import { MONTH_DAYS, DAYS_OF_PERIOD_ENUM, COUNTED_FROM_ENUM, MONTHLY_SCHEDULER_INTL_KEYS_NTH_WEEK, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_LONG, MONTHLY_SCHEDULER_INTL_KEYS_WEEKDAYS_SHORT } from '../../../constants';
27
21
  import { US_NOTATION_WEEK_DAYS_INDEXES } from '../../../Shared/TimeWindow/constants/timeWindow.constants';
28
22
  import { getDefaultTexts } from '../../../../utils';
29
-
30
23
  var Monthly = function Monthly(_ref) {
31
24
  var _ref$maxEntries = _ref.maxEntries,
32
- maxEntries = _ref$maxEntries === void 0 ? DEFAULT_MAX_ENTRIES : _ref$maxEntries,
33
- _ref$valueSelectionMo = _ref.valueSelectionMode,
34
- valueSelectionMode = _ref$valueSelectionMo === void 0 ? ['Hour', 'Range'] : _ref$valueSelectionMo,
35
- _ref$onChange = _ref.onChange,
36
- onChange = _ref$onChange === void 0 ? NOOP : _ref$onChange,
37
- timeFormat = _ref.timeFormat,
38
- valueFormatOptions = _ref.valueFormatOptions,
39
- value = _ref.value,
40
- timePickerProps = _ref.timePickerProps,
41
- disabled = _ref.disabled,
42
- texts = _ref.texts,
43
- _ref$periodType = _ref.periodType,
44
- periodType = _ref$periodType === void 0 ? DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH : _ref$periodType,
45
- _ref$countedFrom = _ref.countedFrom,
46
- countedFrom = _ref$countedFrom === void 0 ? COUNTED_FROM_ENUM.BEGINNING : _ref$countedFrom,
47
- errorTexts = _ref.errorTexts;
25
+ maxEntries = _ref$maxEntries === void 0 ? DEFAULT_MAX_ENTRIES : _ref$maxEntries,
26
+ _ref$valueSelectionMo = _ref.valueSelectionMode,
27
+ valueSelectionMode = _ref$valueSelectionMo === void 0 ? ['Hour', 'Range'] : _ref$valueSelectionMo,
28
+ _ref$onChange = _ref.onChange,
29
+ onChange = _ref$onChange === void 0 ? NOOP : _ref$onChange,
30
+ timeFormat = _ref.timeFormat,
31
+ valueFormatOptions = _ref.valueFormatOptions,
32
+ value = _ref.value,
33
+ timePickerProps = _ref.timePickerProps,
34
+ disabled = _ref.disabled,
35
+ texts = _ref.texts,
36
+ _ref$periodType = _ref.periodType,
37
+ periodType = _ref$periodType === void 0 ? DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH : _ref$periodType,
38
+ _ref$countedFrom = _ref.countedFrom,
39
+ countedFrom = _ref$countedFrom === void 0 ? COUNTED_FROM_ENUM.BEGINNING : _ref$countedFrom,
40
+ errorTexts = _ref.errorTexts;
48
41
  var intl = useIntl();
49
42
  var allTexts = React.useMemo(function () {
50
43
  return getDefaultTexts(intl, false, texts);
@@ -59,24 +52,18 @@ var Monthly = function Monthly(_ref) {
59
52
  mode: valueSelectionMode[0]
60
53
  };
61
54
  }, [valueSelectionMode]);
62
-
63
55
  var _React$useState = React.useState(Object.keys(value)),
64
- filteredSchedule = _React$useState[0],
65
- setFilteredSchedule = _React$useState[1];
66
-
56
+ filteredSchedule = _React$useState[0],
57
+ setFilteredSchedule = _React$useState[1];
67
58
  var _React$useState2 = React.useState([]),
68
- activeDays = _React$useState2[0],
69
- setActiveDays = _React$useState2[1];
70
-
59
+ activeDays = _React$useState2[0],
60
+ setActiveDays = _React$useState2[1];
71
61
  var ref = React.useRef();
72
-
73
62
  var _useShiftAndControlKe = useShiftAndControlKeys(ref),
74
- controlKeyPressed = _useShiftAndControlKe[0],
75
- shiftKeyPressed = _useShiftAndControlKe[1];
76
-
63
+ controlKeyPressed = _useShiftAndControlKe[0],
64
+ shiftKeyPressed = _useShiftAndControlKe[1];
77
65
  var _useDataFormat = useDataFormat(),
78
- isSundayFirstWeekDay = _useDataFormat.isSundayFirstWeekDay;
79
-
66
+ isSundayFirstWeekDay = _useDataFormat.isSundayFirstWeekDay;
80
67
  var allKeys = React.useMemo(function () {
81
68
  if (periodType === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
82
69
  if (isSundayFirstWeekDay) {
@@ -88,16 +75,12 @@ var Monthly = function Monthly(_ref) {
88
75
  });
89
76
  return keys;
90
77
  }
91
-
92
78
  return range(0, 5 * 7);
93
79
  }
94
-
95
80
  return range(0, 31);
96
81
  }, [periodType, isSundayFirstWeekDay]);
97
-
98
82
  var getGridSettings = function getGridSettings() {
99
83
  var _settings;
100
-
101
84
  var settings = (_settings = {}, _settings[DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH] = {
102
85
  numberOfDays: 31,
103
86
  reverseGroup: 1,
@@ -113,7 +96,6 @@ var Monthly = function Monthly(_ref) {
113
96
  }, _settings);
114
97
  return settings[periodType];
115
98
  };
116
-
117
99
  React.useEffect(function () {
118
100
  setFilteredSchedule(Object.keys(value));
119
101
  }, [value]);
@@ -139,9 +121,8 @@ var Monthly = function Monthly(_ref) {
139
121
  var handleDayTimeChange = React.useCallback(function (dayValue, dayKey, guid) {
140
122
  var updatedSchedule = value;
141
123
  var start = dayValue[0],
142
- end = dayValue[1],
143
- inverted = dayValue[2];
144
-
124
+ end = dayValue[1],
125
+ inverted = dayValue[2];
145
126
  if (dayKey instanceof Array) {
146
127
  dayKey.forEach(function (day) {
147
128
  updatedSchedule[guid][day] = _objectSpread({}, value[guid][day], {
@@ -159,18 +140,14 @@ var Monthly = function Monthly(_ref) {
159
140
  inverted: Boolean(inverted)
160
141
  });
161
142
  }
162
-
163
143
  onChange(updatedSchedule);
164
144
  }, [value, onChange]);
165
-
166
145
  var _getDayValue = React.useCallback(function (dayKey, guid) {
167
146
  if (typeof dayKey === 'number' && value[guid] && !!value[guid][dayKey]) {
168
147
  return value[guid][dayKey];
169
148
  }
170
-
171
149
  return defaultDayValue;
172
150
  }, [value, defaultDayValue]);
173
-
174
151
  var handleModeChange = React.useCallback(function (selectedMode, dayKeys, guid) {
175
152
  var updatedSchedule = value;
176
153
  dayKeys.forEach(function (day) {
@@ -202,7 +179,6 @@ var Monthly = function Monthly(_ref) {
202
179
  if (periodType === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
203
180
  return dayWeekFormatter(dayKey, _long2);
204
181
  }
205
-
206
182
  return dayMonthFormatter(dayKey);
207
183
  }, [periodType, dayWeekFormatter, dayMonthFormatter]);
208
184
  var checkDay = React.useCallback(function (dayKey) {
@@ -242,9 +218,7 @@ var Monthly = function Monthly(_ref) {
242
218
  if (!isDayRestricted(dayKey)) {
243
219
  checkDay(dayKey);
244
220
  }
245
-
246
221
  var updatedActiveDay = [];
247
-
248
222
  if (controlKeyPressed) {
249
223
  updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [].concat(activeDays, [dayKey]);
250
224
  } else if (activeDays.length > 0 && shiftKeyPressed) {
@@ -252,7 +226,6 @@ var Monthly = function Monthly(_ref) {
252
226
  } else {
253
227
  updatedActiveDay = [dayKey];
254
228
  }
255
-
256
229
  setActiveDays(updatedActiveDay);
257
230
  }, [checkDay, isDayRestricted, activeDays, controlKeyPressed, shiftKeyPressed]);
258
231
  var handleToggleDay = React.useCallback(function (dayKey, forcedState) {
@@ -261,7 +234,6 @@ var Monthly = function Monthly(_ref) {
261
234
  activeDays.includes(dayKey) ? excludeDayFromActive(dayKey) : checkActiveDay(dayKey);
262
235
  return;
263
236
  }
264
-
265
237
  forcedState ? checkActiveDay(dayKey) : uncheckActiveDay(dayKey);
266
238
  } else {
267
239
  activeDays.includes(dayKey) ? uncheckActiveDay(dayKey) : checkActiveDay(dayKey);
@@ -285,7 +257,6 @@ var Monthly = function Monthly(_ref) {
285
257
  }, [activeDays, getDayLabel, isDayRestricted, disabled, intl, handleToggleDay, removeDaySelection, allTexts]);
286
258
  var handleRangeAdd = React.useCallback(function () {
287
259
  var _objectSpread2;
288
-
289
260
  var updatedDay = {};
290
261
  var guid = Object.keys(value).find(function (key) {
291
262
  return activeDays.every(function (day) {
@@ -296,9 +267,7 @@ var Monthly = function Monthly(_ref) {
296
267
  updatedDay[day] = defaultDayValue;
297
268
  });
298
269
  var restOfScheduleObject = guid ? value[guid] : EMPTY_OBJECT;
299
-
300
270
  var updatedSchedule = _objectSpread({}, value, (_objectSpread2 = {}, _objectSpread2[guid || uuid()] = _objectSpread({}, restOfScheduleObject, {}, updatedDay), _objectSpread2));
301
-
302
271
  onChange(updatedSchedule);
303
272
  }, [value, activeDays, defaultDayValue, onChange]);
304
273
  var renderGridTitle = React.useCallback(function (count) {
@@ -310,11 +279,9 @@ var Monthly = function Monthly(_ref) {
310
279
  var canAddRange = canAddAnotherRange(value, activeDays, maxEntries);
311
280
  var isAnyDaySelected = activeDays.length > 0;
312
281
  var shouldRenderAddButton = isAnyDaySelected && filteredSchedule.length < maxEntries && canAddRange && !disabled;
313
-
314
282
  var getErrorTextsForFormRow = function getErrorTextsForFormRow(guid) {
315
283
  return activeDays.length === 1 && errorTexts && errorTexts[guid] && errorTexts[guid][activeDays[0]];
316
284
  };
317
-
318
285
  return /*#__PURE__*/React.createElement(S.NewFilterContainer, {
319
286
  ref: ref
320
287
  }, /*#__PURE__*/React.createElement(Grid, _extends({
@@ -344,7 +311,8 @@ var Monthly = function Monthly(_ref) {
344
311
  onMultipleDayTimeChange: function onMultipleDayTimeChange(dates) {
345
312
  return handleDayTimeChange(dates, activeDays, guid);
346
313
  },
347
- dayKeys: activeDays // eslint-disable-next-line @typescript-eslint/no-explicit-any
314
+ dayKeys: activeDays
315
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
348
316
  ,
349
317
  getDayLabel: getDayLabel,
350
318
  activeDays: activeDays,
@@ -375,5 +343,4 @@ var Monthly = function Monthly(_ref) {
375
343
  message: allTexts.selectDaysDescription
376
344
  }));
377
345
  };
378
-
379
346
  export default Monthly;