@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
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.31.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.2...@synerise/ds-date-range-picker@0.31.3) (2024-11-22)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-date-range-picker
9
+
10
+
11
+
12
+
13
+
6
14
  ## [0.31.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.1...@synerise/ds-date-range-picker@0.31.2) (2024-11-21)
7
15
 
8
16
 
@@ -1,18 +1,15 @@
1
1
  import React from 'react';
2
2
  import Button from '@synerise/ds-button';
3
3
  import * as S from './AddonCollapse.styles';
4
-
5
4
  var AddonCollapse = function AddonCollapse(_ref) {
6
5
  var title = _ref.title,
7
- content = _ref.content,
8
- expanded = _ref.expanded,
9
- onCollapseChange = _ref.onCollapseChange,
10
- collapsedSummary = _ref.collapsedSummary;
11
-
6
+ content = _ref.content,
7
+ expanded = _ref.expanded,
8
+ onCollapseChange = _ref.onCollapseChange,
9
+ collapsedSummary = _ref.collapsedSummary;
12
10
  var handleClick = function handleClick() {
13
11
  onCollapseChange && onCollapseChange(!expanded);
14
12
  };
15
-
16
13
  return /*#__PURE__*/React.createElement(S.AddonWrapper, {
17
14
  expanded: expanded
18
15
  }, /*#__PURE__*/React.createElement(S.AddonHeader, {
@@ -22,5 +19,4 @@ var AddonCollapse = function AddonCollapse(_ref) {
22
19
  expanded: expanded
23
20
  })), expanded && /*#__PURE__*/React.createElement(S.Content, null, content));
24
21
  };
25
-
26
22
  export default AddonCollapse;
@@ -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, { useCallback, useState, useRef, useMemo, useEffect } from 'react';
14
8
  import { isEqual } from 'lodash';
15
9
  import "./style/index.css";
@@ -18,49 +12,43 @@ import RawDateRangePicker from './RawDateRangePicker';
18
12
  import * as S from './DateRangePicker.styles';
19
13
  import RangePickerInput from './RangePickerInput/RangePickerInput';
20
14
  import { getDefaultTexts } from './utils';
21
-
22
15
  var DateRangePicker = function DateRangePicker(props) {
23
16
  var value = props.value,
24
- defaultValue = props.defaultValue,
25
- onApply = props.onApply,
26
- showTime = props.showTime,
27
- texts = props.texts,
28
- popoverTrigger = props.popoverTrigger,
29
- forceAdjacentMonths = props.forceAdjacentMonths,
30
- disableDefaultTexts = props.disableDefaultTexts,
31
- arrowColor = props.arrowColor,
32
- valueFormatOptions = props.valueFormatOptions,
33
- _onVisibleChange = props.onVisibleChange,
34
- _props$popoverProps = props.popoverProps,
35
- popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps,
36
- _props$rangePickerInp = props.rangePickerInputProps,
37
- rangePickerInputProps = _props$rangePickerInp === void 0 ? {} : _props$rangePickerInp,
38
- _props$renderPopoverT = props.renderPopoverTrigger,
39
- renderPopoverTrigger = _props$renderPopoverT === void 0 ? function () {
40
- return undefined;
41
- } : _props$renderPopoverT,
42
- _props$readOnly = props.readOnly,
43
- readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
44
- getPopupContainer = props.getPopupContainer;
17
+ defaultValue = props.defaultValue,
18
+ onApply = props.onApply,
19
+ showTime = props.showTime,
20
+ texts = props.texts,
21
+ popoverTrigger = props.popoverTrigger,
22
+ forceAdjacentMonths = props.forceAdjacentMonths,
23
+ disableDefaultTexts = props.disableDefaultTexts,
24
+ arrowColor = props.arrowColor,
25
+ valueFormatOptions = props.valueFormatOptions,
26
+ _onVisibleChange = props.onVisibleChange,
27
+ _props$popoverProps = props.popoverProps,
28
+ popoverProps = _props$popoverProps === void 0 ? {} : _props$popoverProps,
29
+ _props$rangePickerInp = props.rangePickerInputProps,
30
+ rangePickerInputProps = _props$rangePickerInp === void 0 ? {} : _props$rangePickerInp,
31
+ _props$renderPopoverT = props.renderPopoverTrigger,
32
+ renderPopoverTrigger = _props$renderPopoverT === void 0 ? function () {
33
+ return undefined;
34
+ } : _props$renderPopoverT,
35
+ _props$readOnly = props.readOnly,
36
+ readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
37
+ getPopupContainer = props.getPopupContainer;
45
38
  var intl = useIntl();
46
39
  var selectedRange = value || defaultValue;
47
-
48
40
  var _useState = useState(false),
49
- popupVisible = _useState[0],
50
- setPopupVisible = _useState[1];
51
-
41
+ popupVisible = _useState[0],
42
+ setPopupVisible = _useState[1];
52
43
  var _useState2 = useState(selectedRange),
53
- selectedDate = _useState2[0],
54
- setSelectedDate = _useState2[1];
55
-
44
+ selectedDate = _useState2[0],
45
+ setSelectedDate = _useState2[1];
56
46
  var _useState3 = useState(),
57
- inputActive = _useState3[0],
58
- setInputActive = _useState3[1];
59
-
47
+ inputActive = _useState3[0],
48
+ setInputActive = _useState3[1];
60
49
  var _useState4 = useState(true),
61
- isTopAligned = _useState4[0],
62
- setIsTopAligned = _useState4[1];
63
-
50
+ isTopAligned = _useState4[0],
51
+ setIsTopAligned = _useState4[1];
64
52
  var wrapperRef = useRef(null);
65
53
  var allTexts = useMemo(function () {
66
54
  return getDefaultTexts(intl, disableDefaultTexts, texts);
@@ -73,16 +61,14 @@ var DateRangePicker = function DateRangePicker(props) {
73
61
  useEffect(function () {
74
62
  if (!isEqual(selectedRange, selectedDate)) {
75
63
  setSelectedDate(selectedRange);
76
- } // eslint-disable-next-line react-hooks/exhaustive-deps
77
-
64
+ }
65
+ // eslint-disable-next-line react-hooks/exhaustive-deps
78
66
  }, [selectedRange]);
79
67
  var checkContentAlignement = useCallback(function () {
80
68
  if (wrapperRef.current) {
81
69
  var popoverDomElement = wrapperRef.current.querySelector('.ds-date-range-popover');
82
-
83
70
  if (popoverDomElement) {
84
71
  var _placementClassName$s;
85
-
86
72
  var classNames = Array.from(popoverDomElement.classList);
87
73
  var placementClassName = classNames.find(function (className) {
88
74
  return className.startsWith('ant-popover-placement-');
@@ -103,11 +89,9 @@ var DateRangePicker = function DateRangePicker(props) {
103
89
  setPopupVisible(false);
104
90
  setInputActive(false);
105
91
  }, [defaultValue, onApply]);
106
-
107
92
  var conditionalVisibilityProps = _objectSpread({}, popupVisible === false && {
108
93
  visible: false
109
94
  });
110
-
111
95
  var handleRangePickerInputClick = readOnly ? undefined : function () {
112
96
  return setPopupVisible(undefined);
113
97
  };
@@ -155,6 +139,5 @@ var DateRangePicker = function DateRangePicker(props) {
155
139
  }
156
140
  }, popoverProps, conditionalVisibilityProps), triggerElement));
157
141
  };
158
-
159
142
  export default DateRangePicker;
160
143
  export { RawDateRangePicker };
@@ -1,20 +1,15 @@
1
1
  import styled from 'styled-components';
2
2
  import { Popover } from 'antd';
3
-
4
3
  var getHeight = function getHeight(hasFilter, hasRelativePicker) {
5
4
  var baseHeight = 509;
6
-
7
5
  if (hasFilter) {
8
6
  baseHeight += 127;
9
7
  }
10
-
11
8
  if (hasRelativePicker) {
12
9
  baseHeight += 170;
13
10
  }
14
-
15
11
  return baseHeight;
16
12
  };
17
-
18
13
  export var PopupWrapper = styled.div.withConfig({
19
14
  displayName: "DateRangePickerstyles__PopupWrapper",
20
15
  componentId: "zmtbjf-0"
@@ -52,35 +47,27 @@ export var PickerWrapper = styled.div.withConfig({
52
47
  componentId: "zmtbjf-5"
53
48
  })([".ant-popover.ds-date-range-popover > .ant-popover-content{margin:-5px 0;}.ant-dropdown.ds-date-range-popover > .ant-popover-arrow.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow{display:none !important;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner{background:transparent;}.ant-dropdown.ds-date-range-popover > .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content{padding:0;}.ant-dropdown.ds-date-range-popover .ds-date-range-picker{box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);padding:16px;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}.ant-popover.ds-date-range-popover.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow{background-color:", ";border-style:none;border-width:0;}"], function (props) {
54
49
  var _props$theme$palette, _props$arrowColor, _props$arrowColor2;
55
-
56
50
  return props.arrowColor ? (_props$theme$palette = props.theme.palette[((_props$arrowColor = props.arrowColor) == null ? void 0 : _props$arrowColor.bottomLeft) + "-050"]) != null ? _props$theme$palette : (_props$arrowColor2 = props.arrowColor) == null ? void 0 : _props$arrowColor2.bottomLeft : props.theme.palette.white;
57
51
  }, function (props) {
58
52
  var _props$theme$palette2, _props$arrowColor3, _props$arrowColor4;
59
-
60
53
  return props.arrowColor ? (_props$theme$palette2 = props.theme.palette[((_props$arrowColor3 = props.arrowColor) == null ? void 0 : _props$arrowColor3.bottomRight) + "-050"]) != null ? _props$theme$palette2 : (_props$arrowColor4 = props.arrowColor) == null ? void 0 : _props$arrowColor4.bottomRight : props.theme.palette.white;
61
54
  }, function (props) {
62
55
  var _props$theme$palette3, _props$arrowColor5, _props$arrowColor6;
63
-
64
56
  return props.arrowColor ? (_props$theme$palette3 = props.theme.palette[((_props$arrowColor5 = props.arrowColor) == null ? void 0 : _props$arrowColor5.rightTop) + "-050"]) != null ? _props$theme$palette3 : (_props$arrowColor6 = props.arrowColor) == null ? void 0 : _props$arrowColor6.rightTop : props.theme.palette.white;
65
57
  }, function (props) {
66
58
  var _props$theme$palette4, _props$arrowColor7, _props$arrowColor8;
67
-
68
59
  return props.arrowColor ? (_props$theme$palette4 = props.theme.palette[((_props$arrowColor7 = props.arrowColor) == null ? void 0 : _props$arrowColor7.rightBottom) + "-050"]) != null ? _props$theme$palette4 : (_props$arrowColor8 = props.arrowColor) == null ? void 0 : _props$arrowColor8.rightBottom : props.theme.palette.white;
69
60
  }, function (props) {
70
61
  var _props$theme$palette5, _props$arrowColor9, _props$arrowColor10;
71
-
72
62
  return props.arrowColor ? (_props$theme$palette5 = props.theme.palette[((_props$arrowColor9 = props.arrowColor) == null ? void 0 : _props$arrowColor9.leftBottom) + "-050"]) != null ? _props$theme$palette5 : (_props$arrowColor10 = props.arrowColor) == null ? void 0 : _props$arrowColor10.leftBottom : props.theme.palette.white;
73
63
  }, function (props) {
74
64
  var _props$theme$palette6, _props$arrowColor11, _props$arrowColor12;
75
-
76
65
  return props.arrowColor ? (_props$theme$palette6 = props.theme.palette[((_props$arrowColor11 = props.arrowColor) == null ? void 0 : _props$arrowColor11.leftTop) + "-050"]) != null ? _props$theme$palette6 : (_props$arrowColor12 = props.arrowColor) == null ? void 0 : _props$arrowColor12.leftTop : props.theme.palette.white;
77
66
  }, function (props) {
78
67
  var _props$theme$palette7, _props$arrowColor13, _props$arrowColor14;
79
-
80
68
  return props.arrowColor ? (_props$theme$palette7 = props.theme.palette[((_props$arrowColor13 = props.arrowColor) == null ? void 0 : _props$arrowColor13.topRight) + "-050"]) != null ? _props$theme$palette7 : (_props$arrowColor14 = props.arrowColor) == null ? void 0 : _props$arrowColor14.topRight : props.theme.palette['grey-050'];
81
69
  }, function (props) {
82
70
  var _props$theme$palette8, _props$arrowColor15, _props$arrowColor16;
83
-
84
71
  return props.arrowColor ? (_props$theme$palette8 = props.theme.palette[((_props$arrowColor15 = props.arrowColor) == null ? void 0 : _props$arrowColor15.topLeft) + "-050"]) != null ? _props$theme$palette8 : (_props$arrowColor16 = props.arrowColor) == null ? void 0 : _props$arrowColor16.topLeft : props.theme.palette['grey-050'];
85
72
  });
86
73
  export var OverlayContainer = styled.div.withConfig({
@@ -1 +1,5 @@
1
- export { DateRange } from './date.types';
1
+ export { DateRange } from './date.types';
2
+
3
+ /**
4
+ * @deprecated use `DateRangePickerProps`
5
+ */
@@ -1,19 +1,11 @@
1
1
  var _excluded = ["canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
2
-
3
2
  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); }
4
-
5
3
  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; }
6
-
7
4
  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; }
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
  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; }
16
-
17
9
  import React, { useMemo, useCallback } from 'react';
18
10
  import { injectIntl } from 'react-intl';
19
11
  import Button from '@synerise/ds-button';
@@ -26,46 +18,40 @@ import getDateFromString from '../dateUtils/getDateFromString';
26
18
  import * as CONST from '../constants';
27
19
  import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
28
20
  import { toIsoStringWithoutZone } from '../utils';
29
-
30
21
  var Footer = function Footer(_ref) {
31
22
  var canApply = _ref.canApply,
32
- onApply = _ref.onApply,
33
- intl = _ref.intl,
34
- canSwitchMode = _ref.canSwitchMode,
35
- onSwitchMode = _ref.onSwitchMode,
36
- mode = _ref.mode,
37
- dateOnly = _ref.dateOnly,
38
- message = _ref.message,
39
- texts = _ref.texts,
40
- value = _ref.value,
41
- format = _ref.format,
42
- valueFormatOptions = _ref.valueFormatOptions,
43
- showTime = _ref.showTime,
44
- _ref$displayDateConta = _ref.displayDateContainerClass,
45
- displayDateContainerClass = _ref$displayDateConta === void 0 ? 'ds-date-range-picker-value' : _ref$displayDateConta,
46
- rest = _objectWithoutPropertiesLoose(_ref, _excluded);
47
-
23
+ onApply = _ref.onApply,
24
+ intl = _ref.intl,
25
+ canSwitchMode = _ref.canSwitchMode,
26
+ onSwitchMode = _ref.onSwitchMode,
27
+ mode = _ref.mode,
28
+ dateOnly = _ref.dateOnly,
29
+ message = _ref.message,
30
+ texts = _ref.texts,
31
+ value = _ref.value,
32
+ format = _ref.format,
33
+ valueFormatOptions = _ref.valueFormatOptions,
34
+ showTime = _ref.showTime,
35
+ _ref$displayDateConta = _ref.displayDateContainerClass,
36
+ displayDateContainerClass = _ref$displayDateConta === void 0 ? 'ds-date-range-picker-value' : _ref$displayDateConta,
37
+ rest = _objectWithoutPropertiesLoose(_ref, _excluded);
48
38
  var _useDataFormat = useDataFormat(),
49
- formatValue = _useDataFormat.formatValue;
50
-
39
+ formatValue = _useDataFormat.formatValue;
51
40
  var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
52
41
  var footerDateToString = useCallback(function (date) {
53
42
  if (format || typeof date === 'string') {
54
43
  return fnsFormat(getDateFromString(date), footerFormat, intl.locale);
55
44
  }
56
-
57
45
  var parseDate = new Date(toIsoStringWithoutZone(date));
58
46
  return formatValue(parseDate, _objectSpread({}, getDefaultDataTimeOptions(showTime), {}, valueFormatOptions));
59
47
  }, [footerFormat, format, formatValue, intl.locale, valueFormatOptions, showTime]);
60
48
  var ChosenRange = useMemo(function () {
61
49
  if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
62
50
  var _texts$value$translat;
63
-
64
51
  return /*#__PURE__*/React.createElement(S.ChosenRange, {
65
52
  className: "ds-date-range-picker-value"
66
53
  }, value != null && value.translationKey ? (_texts$value$translat = texts[value.translationKey]) != null ? _texts$value$translat : value.translationKey : (value == null ? void 0 : value.key) || 'LIFETIME');
67
54
  }
68
-
69
55
  return /*#__PURE__*/React.createElement(S.ChosenRange, {
70
56
  className: displayDateContainerClass
71
57
  }, !!value && !!value.from ? footerDateToString(value == null ? void 0 : value.from) : texts.startDatePlaceholder, /*#__PURE__*/React.createElement(S.InvisibleTextContent, null, ' – '), /*#__PURE__*/React.createElement(Icon, {
@@ -85,5 +71,4 @@ var Footer = function Footer(_ref) {
85
71
  }
86
72
  }, texts.apply))));
87
73
  };
88
-
89
74
  export default injectIntl(Footer);
@@ -36,7 +36,6 @@ export var ChosenRange = styled.div.withConfig({
36
36
  * <S.InvisibleTextContent>{' – '}</S.InvisibleTextContent>
37
37
  * <Icon component={<ArrowRightS/>}/>
38
38
  */
39
-
40
39
  export var InvisibleTextContent = styled.span.withConfig({
41
40
  displayName: "Footerstyles__InvisibleTextContent",
42
41
  componentId: "sc-1oatjb7-5"
@@ -3,21 +3,19 @@ import { injectIntl } from 'react-intl';
3
3
  import * as S from './DailyFilter.styles';
4
4
  import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
5
5
  import { RANGE_DISPLAY_MODES } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants';
6
-
7
6
  var DailyFilter = function DailyFilter(props) {
8
7
  var handleChange = function handleChange(value) {
9
8
  var onChange = props.onChange;
10
9
  onChange && onChange(value[0]);
11
10
  };
12
-
13
11
  var value = props.value,
14
- onRangeCopy = props.onRangeCopy,
15
- onRangePaste = props.onRangePaste,
16
- onRangeClear = props.onRangeClear,
17
- texts = props.texts,
18
- valueSelectionModes = props.valueSelectionModes,
19
- disabled = props.disabled,
20
- rangeDisplayMode = props.rangeDisplayMode;
12
+ onRangeCopy = props.onRangeCopy,
13
+ onRangePaste = props.onRangePaste,
14
+ onRangeClear = props.onRangeClear,
15
+ texts = props.texts,
16
+ valueSelectionModes = props.valueSelectionModes,
17
+ disabled = props.disabled,
18
+ rangeDisplayMode = props.rangeDisplayMode;
21
19
  var hideHeader = rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER;
22
20
  var headerOptions = rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER ? {
23
21
  includeSummary: false,
@@ -33,7 +31,8 @@ var DailyFilter = function DailyFilter(props) {
33
31
  0: {
34
32
  label: texts.everyDay
35
33
  }
36
- } // @ts-expect-error: Type 'string' is not assignable to type 'Days'.ts(2322)
34
+ }
35
+ // @ts-expect-error: Type 'string' is not assignable to type 'Days'.ts(2322)
37
36
  ,
38
37
  days: value[0] ? value[0] : value,
39
38
  onChange: function onChange(val) {
@@ -47,5 +46,4 @@ var DailyFilter = function DailyFilter(props) {
47
46
  valueSelectionModes: valueSelectionModes
48
47
  }), ' ');
49
48
  };
50
-
51
49
  export default injectIntl(DailyFilter);