@synerise/ds-date-range-picker 0.10.1 → 0.11.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 +32 -0
- package/dist/AddonCollapse/AddonCollapse.js +4 -4
- package/dist/AddonCollapse/AddonCollapse.types.js +1 -0
- package/dist/DateRangePicker.js +11 -26
- package/dist/DateRangePicker.styles.js +1 -1
- package/dist/DateRangePicker.types.js +1 -0
- package/dist/Footer/Footer.js +11 -12
- package/dist/Footer/Footer.types.js +1 -0
- package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +1 -1
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +166 -204
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.types.js +1 -0
- package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.js +2 -2
- package/dist/RangeFilter/Filters/WeeklyFilter/WeeklyFilter.types.js +1 -0
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +5 -17
- package/dist/RangeFilter/Filters/new/Daily/Daily.types.js +1 -0
- package/dist/RangeFilter/Filters/new/Filters.types.js +1 -0
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +21 -42
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.types.js +1 -0
- package/dist/RangeFilter/Filters/new/Weekly/utils.js +6 -3
- package/dist/RangeFilter/Filters/new/hooks/useShiftAndControlKeys.js +6 -20
- package/dist/RangeFilter/RangeFilter.js +107 -135
- package/dist/RangeFilter/RangeFilter.types.js +1 -0
- package/dist/RangeFilter/Shared/AddButton/AddButton.js +7 -8
- package/dist/RangeFilter/Shared/AddButton/AddButton.types.js +1 -0
- package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.js +14 -15
- package/dist/RangeFilter/Shared/FilterDropdown/FilterDropdown.types.js +1 -0
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +11 -12
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.types.js +1 -0
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +14 -29
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.types.js +1 -0
- package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.js +1 -1
- package/dist/RangeFilter/Shared/SelectionCount/SelectionCount.types.js +1 -0
- package/dist/RangeFilter/Shared/SelectionHint/SelectionHint.js +3 -4
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +14 -28
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +7 -7
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/Header/Header.js +6 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.js +14 -15
- package/dist/RangeFilter/Shared/TimeWindow/RangeActions/RangeActions.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +18 -33
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +10 -23
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +4 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +144 -176
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.types.js +1 -0
- package/dist/RangeFilter/Shared/TimeWindow/utils.js +2 -2
- package/dist/RangeFilter/constants.js +1 -1
- package/dist/RangeFilter/utils.js +41 -54
- package/dist/RangePicker/RangePicker.js +106 -125
- package/dist/RangePicker/RangePicker.types.js +1 -0
- package/dist/RangePicker/utils.js +8 -3
- package/dist/RangePickerInput/RangePickerInput.js +19 -33
- package/dist/RangePickerInput/RangePickerInput.styles.js +1 -1
- package/dist/RangePickerInput/RangePickerInput.types.js +1 -0
- package/dist/RawDateRangePicker.js +113 -136
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.js +4 -4
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js +5 -5
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js +5 -5
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js +12 -26
- package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js +3 -3
- package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js +12 -26
- package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.js +6 -6
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.types.js +1 -0
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +14 -30
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.types.js +1 -0
- package/dist/RelativeRangePicker/RelativeRangePicker.js +79 -114
- package/dist/RelativeRangePicker/RelativeRangePicker.styles.js +12 -7
- package/dist/RelativeRangePicker/RelativeRangePicker.types.js +1 -0
- package/dist/RelativeRangePicker/utils.js +5 -5
- package/dist/constants.js +1 -13
- package/dist/date.types.js +1 -0
- package/dist/dateUtils/Date.js +2 -2
- package/dist/dateUtils/format.js +5 -2
- package/dist/dateUtils/getRelativePresetForRange.js +1 -1
- package/dist/utils.js +52 -52
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,38 @@
|
|
|
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.11.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.11.2...@synerise/ds-date-range-picker@0.11.3) (2021-11-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.11.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.11.1...@synerise/ds-date-range-picker@0.11.2) (2021-11-16)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [0.11.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.10.1...@synerise/ds-date-range-picker@0.11.1) (2021-11-09)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.10.1...@synerise/ds-date-range-picker@0.11.0) (2021-11-09)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
6
38
|
## [0.10.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.10.0...@synerise/ds-date-range-picker@0.10.1) (2021-11-05)
|
|
7
39
|
|
|
8
40
|
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
@@ -13,14 +13,14 @@ var AddonCollapse = function AddonCollapse(_ref) {
|
|
|
13
13
|
onCollapseChange && onCollapseChange(!expanded);
|
|
14
14
|
};
|
|
15
15
|
|
|
16
|
-
return React.createElement(S.AddonWrapper, {
|
|
16
|
+
return /*#__PURE__*/React.createElement(S.AddonWrapper, {
|
|
17
17
|
expanded: expanded
|
|
18
|
-
}, React.createElement(S.AddonHeader, {
|
|
18
|
+
}, /*#__PURE__*/React.createElement(S.AddonHeader, {
|
|
19
19
|
onClick: handleClick
|
|
20
|
-
}, React.createElement(S.Title, null, title), !expanded && React.createElement(S.Suffix, null, collapsedSummary), React.createElement(Button.Expander, {
|
|
20
|
+
}, /*#__PURE__*/React.createElement(S.Title, null, title), !expanded && /*#__PURE__*/React.createElement(S.Suffix, null, collapsedSummary), /*#__PURE__*/React.createElement(Button.Expander, {
|
|
21
21
|
onClick: handleClick,
|
|
22
22
|
expanded: expanded
|
|
23
|
-
})), expanded && React.createElement(S.Content, null, content));
|
|
23
|
+
})), expanded && /*#__PURE__*/React.createElement(S.Content, null, content));
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export default AddonCollapse;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/DateRangePicker.js
CHANGED
|
@@ -6,18 +6,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6
6
|
|
|
7
7
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
8
|
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
|
|
11
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
-
|
|
13
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
|
|
15
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
16
|
-
|
|
17
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
18
|
-
|
|
19
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
-
|
|
21
9
|
import * as React from 'react';
|
|
22
10
|
import { isEqual } from 'lodash';
|
|
23
11
|
import { Popover } from 'antd';
|
|
@@ -42,19 +30,16 @@ var DateRangePicker = function DateRangePicker(props) {
|
|
|
42
30
|
var intl = useIntl();
|
|
43
31
|
|
|
44
32
|
var _React$useState = React.useState(false),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
setPopupVisible = _React$useState2[1];
|
|
33
|
+
popupVisible = _React$useState[0],
|
|
34
|
+
setPopupVisible = _React$useState[1];
|
|
48
35
|
|
|
49
|
-
var _React$
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
setSelectedDate = _React$useState4[1];
|
|
36
|
+
var _React$useState2 = React.useState(value),
|
|
37
|
+
selectedDate = _React$useState2[0],
|
|
38
|
+
setSelectedDate = _React$useState2[1];
|
|
53
39
|
|
|
54
|
-
var _React$
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
setInputActive = _React$useState6[1];
|
|
40
|
+
var _React$useState3 = React.useState(),
|
|
41
|
+
inputActive = _React$useState3[0],
|
|
42
|
+
setInputActive = _React$useState3[1];
|
|
58
43
|
|
|
59
44
|
var allTexts = React.useMemo(function () {
|
|
60
45
|
return getDefaultTexts(intl, disableDefaultTexts, texts);
|
|
@@ -85,8 +70,8 @@ var DateRangePicker = function DateRangePicker(props) {
|
|
|
85
70
|
visible: false
|
|
86
71
|
});
|
|
87
72
|
|
|
88
|
-
return React.createElement(S.PickerWrapper, null, React.createElement(Popover, _extends({
|
|
89
|
-
content: React.createElement(RawDateRangePicker, _extends({}, props, {
|
|
73
|
+
return /*#__PURE__*/React.createElement(S.PickerWrapper, null, /*#__PURE__*/React.createElement(Popover, _extends({
|
|
74
|
+
content: /*#__PURE__*/React.createElement(RawDateRangePicker, _extends({}, props, {
|
|
90
75
|
showTime: showTime,
|
|
91
76
|
onApply: onApplyCallback,
|
|
92
77
|
onValueChange: onValueChangeCallback,
|
|
@@ -106,7 +91,7 @@ var DateRangePicker = function DateRangePicker(props) {
|
|
|
106
91
|
onVisibleChange: function onVisibleChange(visibility) {
|
|
107
92
|
setInputActive(visibility);
|
|
108
93
|
}
|
|
109
|
-
}, popoverProps, conditionalVisibilityProps), popoverTrigger || React.createElement(RangePickerInput, {
|
|
94
|
+
}, popoverProps, conditionalVisibilityProps), popoverTrigger || /*#__PURE__*/React.createElement(RangePickerInput, {
|
|
110
95
|
onClick: function onClick() {
|
|
111
96
|
return setPopupVisible(undefined);
|
|
112
97
|
},
|
|
@@ -15,7 +15,7 @@ export var Addon = styled.div.withConfig({
|
|
|
15
15
|
displayName: "DateRangePickerstyles__Addon",
|
|
16
16
|
componentId: "zmtbjf-2"
|
|
17
17
|
})(["", ""], function (props) {
|
|
18
|
-
return !props.last && "border-bottom: 1px solid "
|
|
18
|
+
return !props.last && "border-bottom: 1px solid " + props.theme.palette['grey-200'] + ";";
|
|
19
19
|
});
|
|
20
20
|
export var PickerWrapper = styled.div.withConfig({
|
|
21
21
|
displayName: "DateRangePickerstyles__PickerWrapper",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/Footer/Footer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["canApply", "onApply", "intl", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "showTime"];
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
@@ -8,8 +8,7 @@ import * as React from 'react';
|
|
|
8
8
|
import { injectIntl } from 'react-intl';
|
|
9
9
|
import Button from '@synerise/ds-button';
|
|
10
10
|
import Tooltip from '@synerise/ds-tooltip';
|
|
11
|
-
import { ArrowRightS } from '@synerise/ds-icon
|
|
12
|
-
import Icon from '@synerise/ds-icon';
|
|
11
|
+
import Icon, { ArrowRightS } from '@synerise/ds-icon';
|
|
13
12
|
import * as S from './Footer.styles';
|
|
14
13
|
import fnsFormat from '../dateUtils/format';
|
|
15
14
|
import getDateFromString from '../dateUtils/getDateFromString';
|
|
@@ -27,21 +26,21 @@ var Footer = function Footer(_ref) {
|
|
|
27
26
|
value = _ref.value,
|
|
28
27
|
format = _ref.format,
|
|
29
28
|
showTime = _ref.showTime,
|
|
30
|
-
rest =
|
|
29
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
31
30
|
|
|
32
31
|
var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
|
|
33
32
|
var ChosenRange = React.useMemo(function () {
|
|
34
|
-
return React.createElement(S.ChosenRange, {
|
|
33
|
+
return /*#__PURE__*/React.createElement(S.ChosenRange, {
|
|
35
34
|
className: "ds-date-range-picker-value"
|
|
36
|
-
}, !!value && !!value.from ? fnsFormat(getDateFromString(value
|
|
37
|
-
component: React.createElement(ArrowRightS, null)
|
|
38
|
-
}), !!value && !!value.to ? fnsFormat(getDateFromString(value
|
|
35
|
+
}, !!value && !!value.from ? fnsFormat(getDateFromString(value == null ? void 0 : value.from), footerFormat, intl.locale) : texts.startDatePlaceholder, /*#__PURE__*/React.createElement(Icon, {
|
|
36
|
+
component: /*#__PURE__*/React.createElement(ArrowRightS, null)
|
|
37
|
+
}), !!value && !!value.to ? fnsFormat(getDateFromString(value == null ? void 0 : value.to), footerFormat, intl.locale) : texts.endDatePlaceholder);
|
|
39
38
|
}, [value, footerFormat, intl.locale, texts]);
|
|
40
|
-
return React.createElement(S.Container, _extends({
|
|
39
|
+
return /*#__PURE__*/React.createElement(S.Container, _extends({
|
|
41
40
|
className: "ds-date-range-picker-footer"
|
|
42
|
-
}, rest), ChosenRange, React.createElement(S.ActionsPlaceholder, null), React.createElement(S.Actions, null, React.createElement(Tooltip, {
|
|
41
|
+
}, rest), ChosenRange, /*#__PURE__*/React.createElement(S.ActionsPlaceholder, null), /*#__PURE__*/React.createElement(S.Actions, null, /*#__PURE__*/React.createElement(Tooltip, {
|
|
43
42
|
title: message
|
|
44
|
-
}, React.createElement(Button, {
|
|
43
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
45
44
|
disabled: !canApply,
|
|
46
45
|
type: "primary",
|
|
47
46
|
onClick: function onClick() {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -17,7 +17,7 @@ var DailyFilter = function DailyFilter(props) {
|
|
|
17
17
|
texts = props.texts,
|
|
18
18
|
valueSelectionModes = props.valueSelectionModes,
|
|
19
19
|
disabled = props.disabled;
|
|
20
|
-
return React.createElement(S.DailyFilterWrapper, null, React.createElement(TimeWindow, {
|
|
20
|
+
return /*#__PURE__*/React.createElement(S.DailyFilterWrapper, null, /*#__PURE__*/React.createElement(TimeWindow, {
|
|
21
21
|
disabled: disabled,
|
|
22
22
|
texts: texts,
|
|
23
23
|
hideHeader: true,
|