@synerise/ds-date-range-picker 0.24.9 → 0.24.10
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
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.24.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.24.9...@synerise/ds-date-range-picker@0.24.10) (2023-10-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **date-range-picker:** fixed onchange in weekly scheduler ([118fb4f](https://github.com/Synerise/synerise-design/commit/118fb4f2aed37309989a471f129919f920ed2271))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.24.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@0.24.8...@synerise/ds-date-range-picker@0.24.9) (2023-10-06)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { DailyProps } from './Daily.types';
|
|
3
|
-
declare const Daily:
|
|
2
|
+
declare const Daily: ({ maxEntries, disabled, value, onChange, valueSelectionMode, timeFormat, timePickerProps, }: DailyProps) => JSX.Element;
|
|
4
3
|
export default Daily;
|
|
@@ -4,8 +4,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
4
4
|
|
|
5
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import React, { useMemo, useCallback } from 'react';
|
|
8
|
+
import dayjs from 'dayjs';
|
|
9
9
|
import { useIntl } from 'react-intl';
|
|
10
10
|
import { DEFAULT_RANGE_END, DEFAULT_RANGE_START, DEFAULT_TIME_FORMAT, DEFAULT_MAX_ENTRIES, NOOP, EMPTY_OBJECT, RENDER_EMPTY_NODE_FN } from '../constants';
|
|
11
11
|
import * as S from '../../../RangeFilter.styles';
|
|
@@ -25,7 +25,7 @@ var Daily = function Daily(_ref) {
|
|
|
25
25
|
timeFormat = _ref.timeFormat,
|
|
26
26
|
timePickerProps = _ref.timePickerProps;
|
|
27
27
|
var intl = useIntl();
|
|
28
|
-
var defaultDayValue =
|
|
28
|
+
var defaultDayValue = useMemo(function () {
|
|
29
29
|
return {
|
|
30
30
|
start: DEFAULT_RANGE_START,
|
|
31
31
|
stop: DEFAULT_RANGE_END,
|
|
@@ -35,7 +35,7 @@ var Daily = function Daily(_ref) {
|
|
|
35
35
|
mode: valueSelectionMode[0]
|
|
36
36
|
};
|
|
37
37
|
}, [valueSelectionMode]);
|
|
38
|
-
var handleDayTimeChange =
|
|
38
|
+
var handleDayTimeChange = useCallback(function (dateValueArray, index) {
|
|
39
39
|
var updatedSchedule = value;
|
|
40
40
|
updatedSchedule[index] = _objectSpread({}, value[index], {
|
|
41
41
|
restricted: true,
|
|
@@ -43,9 +43,10 @@ var Daily = function Daily(_ref) {
|
|
|
43
43
|
stop: dayjs(dateValueArray[1]).format(DEFAULT_TIME_FORMAT),
|
|
44
44
|
inverted: Boolean(dateValueArray[2])
|
|
45
45
|
});
|
|
46
|
-
|
|
46
|
+
onChange([].concat(updatedSchedule));
|
|
47
|
+
}, [value, onChange]);
|
|
47
48
|
|
|
48
|
-
var _getDayValue =
|
|
49
|
+
var _getDayValue = useCallback(function (index) {
|
|
49
50
|
if (typeof index === 'number' && !!value[index]) {
|
|
50
51
|
return value[index];
|
|
51
52
|
}
|
|
@@ -53,20 +54,20 @@ var Daily = function Daily(_ref) {
|
|
|
53
54
|
return defaultDayValue;
|
|
54
55
|
}, [value, defaultDayValue]);
|
|
55
56
|
|
|
56
|
-
var handleModeChange =
|
|
57
|
+
var handleModeChange = useCallback(function (selectedMode, elementIndex) {
|
|
57
58
|
var updatedSchedule = value;
|
|
58
59
|
updatedSchedule[elementIndex] = _objectSpread({}, value[elementIndex], {
|
|
59
60
|
mode: selectedMode
|
|
60
61
|
});
|
|
61
62
|
}, [value]);
|
|
62
|
-
var handleRangeDelete =
|
|
63
|
+
var handleRangeDelete = useCallback(function (index) {
|
|
63
64
|
var updatedSchedule = value;
|
|
64
65
|
delete updatedSchedule[index];
|
|
65
66
|
onChange(updatedSchedule.filter(function (s) {
|
|
66
67
|
return Boolean(s);
|
|
67
68
|
}));
|
|
68
69
|
}, [value, onChange]);
|
|
69
|
-
var handleRangeAdd =
|
|
70
|
+
var handleRangeAdd = useCallback(function () {
|
|
70
71
|
onChange([].concat(value, [_getDayValue()]));
|
|
71
72
|
}, [onChange, value, _getDayValue]);
|
|
72
73
|
return /*#__PURE__*/React.createElement(S.NewFilterContainer, null, !!value && value.map(function (s, index) {
|
|
@@ -8,7 +8,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
8
8
|
|
|
9
9
|
import * as React from 'react';
|
|
10
10
|
import { useIntl } from 'react-intl';
|
|
11
|
-
import
|
|
11
|
+
import dayjs from 'dayjs';
|
|
12
12
|
import { v4 as uuid } from 'uuid';
|
|
13
13
|
import { useDataFormat } from '@synerise/ds-data-format';
|
|
14
14
|
import RangeFormContainer from '../../../Shared/TimeWindow/RangeFormContainer/RangeFormContainer';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-range-picker",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.10",
|
|
4
4
|
"description": "Date-Range-Picker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"build:js": "babel --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
22
|
"build:watch": "npm run build:js -- --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
|
+
"pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
|
|
24
25
|
"prepublish": "npm run build",
|
|
25
26
|
"test": "jest",
|
|
26
27
|
"test:watch": "npm run test -- --watchAll",
|
|
@@ -33,25 +34,25 @@
|
|
|
33
34
|
"types": "dist/index.d.ts",
|
|
34
35
|
"dependencies": {
|
|
35
36
|
"@date-fns/upgrade": "^1.0.3",
|
|
36
|
-
"@synerise/ds-badge": "^0.6.
|
|
37
|
-
"@synerise/ds-button": "^0.18.
|
|
38
|
-
"@synerise/ds-button-group": "^0.6.
|
|
39
|
-
"@synerise/ds-data-format": "^0.4.
|
|
40
|
-
"@synerise/ds-date-picker": "^0.10.
|
|
41
|
-
"@synerise/ds-dropdown": "^0.17.
|
|
42
|
-
"@synerise/ds-icon": "^0.58.
|
|
43
|
-
"@synerise/ds-inline-edit": "^0.6.
|
|
44
|
-
"@synerise/ds-input": "^0.19.
|
|
45
|
-
"@synerise/ds-input-number": "^0.8.
|
|
46
|
-
"@synerise/ds-manageable-list": "^0.26.
|
|
47
|
-
"@synerise/ds-menu": "^0.18.
|
|
48
|
-
"@synerise/ds-scrollbar": "^0.6.
|
|
49
|
-
"@synerise/ds-select": "^0.15.
|
|
50
|
-
"@synerise/ds-slider": "^0.13.
|
|
51
|
-
"@synerise/ds-tags": "^0.8.
|
|
52
|
-
"@synerise/ds-time-picker": "^0.8.
|
|
53
|
-
"@synerise/ds-tooltip": "^0.14.
|
|
54
|
-
"@synerise/ds-utils": "^0.24.
|
|
37
|
+
"@synerise/ds-badge": "^0.6.39",
|
|
38
|
+
"@synerise/ds-button": "^0.18.4",
|
|
39
|
+
"@synerise/ds-button-group": "^0.6.32",
|
|
40
|
+
"@synerise/ds-data-format": "^0.4.4",
|
|
41
|
+
"@synerise/ds-date-picker": "^0.10.20",
|
|
42
|
+
"@synerise/ds-dropdown": "^0.17.83",
|
|
43
|
+
"@synerise/ds-icon": "^0.58.4",
|
|
44
|
+
"@synerise/ds-inline-edit": "^0.6.83",
|
|
45
|
+
"@synerise/ds-input": "^0.19.4",
|
|
46
|
+
"@synerise/ds-input-number": "^0.8.26",
|
|
47
|
+
"@synerise/ds-manageable-list": "^0.26.13",
|
|
48
|
+
"@synerise/ds-menu": "^0.18.1",
|
|
49
|
+
"@synerise/ds-scrollbar": "^0.6.9",
|
|
50
|
+
"@synerise/ds-select": "^0.15.22",
|
|
51
|
+
"@synerise/ds-slider": "^0.13.1",
|
|
52
|
+
"@synerise/ds-tags": "^0.8.17",
|
|
53
|
+
"@synerise/ds-time-picker": "^0.8.11",
|
|
54
|
+
"@synerise/ds-tooltip": "^0.14.6",
|
|
55
|
+
"@synerise/ds-utils": "^0.24.18",
|
|
55
56
|
"date-fns": "^2.16.1",
|
|
56
57
|
"dayjs": "^1.8.35",
|
|
57
58
|
"lodash": "^4.17.20",
|
|
@@ -72,5 +73,5 @@
|
|
|
72
73
|
"@testing-library/user-event": "^10.3.1",
|
|
73
74
|
"@types/ramda": "^0.28.23"
|
|
74
75
|
},
|
|
75
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "8eb4a3e304406a8dbb9258803c48952461fc5a55"
|
|
76
77
|
}
|