@synerise/ds-date-range-picker 0.31.1 → 0.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/AddonCollapse/AddonCollapse.js +4 -8
- package/dist/DateRangePicker.js +31 -48
- package/dist/DateRangePicker.styles.js +0 -13
- package/dist/DateRangePicker.types.js +5 -1
- package/dist/Footer/Footer.js +16 -31
- package/dist/Footer/Footer.styles.js +0 -1
- package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +9 -11
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +36 -83
- package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +11 -12
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +15 -24
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +27 -60
- package/dist/RangeFilter/Filters/new/Monthly/utils.js +0 -7
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +23 -49
- package/dist/RangeFilter/Filters/new/Weekly/utils.js +0 -7
- package/dist/RangeFilter/Filters/new/constants.js +2 -2
- package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +4 -10
- package/dist/RangeFilter/RangeFilter.js +19 -55
- package/dist/RangeFilter/Shared/AddButton/AddButton.js +1 -7
- package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +4 -6
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +5 -8
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.d.ts +11 -10
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +5 -10
- package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -3
- package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js +1 -3
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +15 -22
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +13 -17
- package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +2 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js +3 -5
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +29 -53
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.utils.js +0 -1
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +35 -48
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +4 -7
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +50 -136
- package/dist/RangeFilter/Shared/TimeWindow/utils.js +0 -3
- package/dist/RangeFilter/constants.js +0 -4
- package/dist/RangeFilter/utils.js +27 -50
- package/dist/RangePicker/RangePicker.js +53 -123
- package/dist/RangePicker/utils.js +0 -22
- package/dist/RangePickerInput/RangePickerInput.js +23 -35
- package/dist/RangePickerInput/RangePickerInput.styles.js +0 -4
- package/dist/RawDateRangePicker.js +57 -114
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js +11 -17
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +5 -7
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +5 -7
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +5 -9
- package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +3 -5
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +12 -18
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js +6 -8
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +29 -45
- package/dist/RelativeRangePicker/RelativeRangePicker.js +28 -69
- package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +4 -8
- package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.js +2 -9
- package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.js +0 -2
- package/dist/RelativeRangePicker/utils/updatePresetKey.utils.js +0 -7
- package/dist/constants.js +0 -1
- package/dist/dateUtils/Date.js +0 -2
- package/dist/dateUtils/format.js +0 -4
- package/dist/dateUtils/getDateFromString.js +0 -1
- package/dist/dateUtils/getRelativePresetForRange.js +0 -4
- package/dist/dateUtils/relativeToAbsolute.js +2 -6
- package/dist/utils.js +63 -86
- package/package.json +22 -22
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,26 @@
|
|
|
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
|
+
|
|
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)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
|
|
20
|
+
* **factors:** deep merge of default and prop texts ([787b436](https://github.com/Synerise/synerise-design/commit/787b4367213922eca21292a0a933c7ff5c241dd9))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
6
26
|
## [0.31.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.31.0...@synerise/ds-date-range-picker@0.31.1) (2024-11-12)
|
|
7
27
|
|
|
8
28
|
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
@@ -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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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;
|
package/dist/DateRangePicker.js
CHANGED
|
@@ -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
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
-
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
popupVisible = _useState[0],
|
|
42
|
+
setPopupVisible = _useState[1];
|
|
52
43
|
var _useState2 = useState(selectedRange),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
selectedDate = _useState2[0],
|
|
45
|
+
setSelectedDate = _useState2[1];
|
|
56
46
|
var _useState3 = useState(),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
inputActive = _useState3[0],
|
|
48
|
+
setInputActive = _useState3[1];
|
|
60
49
|
var _useState4 = useState(true),
|
|
61
|
-
|
|
62
|
-
|
|
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
|
-
}
|
|
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({
|
package/dist/Footer/Footer.js
CHANGED
|
@@ -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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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
|
-
}
|
|
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);
|