@itwin/itwinui-react 1.34.1 → 1.34.2
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
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
### [1.34.2](https://www.github.com/iTwin/iTwinUI-react/compare/v1.34.1...v1.34.2) (2022-03-29)
|
|
4
|
+
|
|
5
|
+
### Fixes
|
|
6
|
+
|
|
7
|
+
* **Table:** Date filter makes range from the begigging to the end of the day ([#601](https://www.github.com/iTwin/iTwinUI-react/issues/601)) ([ae978b7](https://www.github.com/iTwin/iTwinUI-react/commit/ae978b7df3a59f9cd18474346d88083d888e36e3))
|
|
8
|
+
|
|
3
9
|
### [1.34.1](https://www.github.com/iTwin/iTwinUI-react/compare/v1.34.0...v1.34.1) (2022-03-24)
|
|
4
10
|
|
|
5
11
|
### Fixes
|
|
@@ -50,15 +50,31 @@ var DateRangeFilter = function (props) {
|
|
|
50
50
|
(0, utils_1.useTheme)();
|
|
51
51
|
var translatedStrings = __assign(__assign({}, defaultStrings), translatedLabels);
|
|
52
52
|
var _h = react_1.default.useState(((_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) ? new Date((_b = column.filterValue) === null || _b === void 0 ? void 0 : _b[0]) : undefined), from = _h[0], setFrom = _h[1];
|
|
53
|
+
var onFromChange = react_1.default.useCallback(function (date) {
|
|
54
|
+
setFrom(function (prevDate) {
|
|
55
|
+
if (prevDate || !date) {
|
|
56
|
+
return date;
|
|
57
|
+
}
|
|
58
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
|
|
59
|
+
});
|
|
60
|
+
}, []);
|
|
53
61
|
var _j = react_1.default.useState(((_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) ? new Date((_d = column.filterValue) === null || _d === void 0 ? void 0 : _d[1]) : undefined), to = _j[0], setTo = _j[1];
|
|
62
|
+
var onToChange = react_1.default.useCallback(function (date) {
|
|
63
|
+
setTo(function (prevDate) {
|
|
64
|
+
if (prevDate || !date) {
|
|
65
|
+
return date;
|
|
66
|
+
}
|
|
67
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
|
|
68
|
+
});
|
|
69
|
+
}, []);
|
|
54
70
|
var onKeyDown = function (event) {
|
|
55
71
|
if (event.key === 'Enter') {
|
|
56
72
|
setFilter([from, to]);
|
|
57
73
|
}
|
|
58
74
|
};
|
|
59
75
|
return (react_1.default.createElement(BaseFilter_1.BaseFilter, null,
|
|
60
|
-
react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.from, date: from, onChange:
|
|
61
|
-
react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.to, date: to, onChange:
|
|
76
|
+
react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, setFocus: true }),
|
|
77
|
+
react_1.default.createElement(DatePickerInput_1.default, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder }),
|
|
62
78
|
react_1.default.createElement(FilterButtonBar_1.FilterButtonBar, { setFilter: function () { return setFilter([from, to]); }, clearFilter: clearFilter, translatedLabels: translatedLabels })));
|
|
63
79
|
};
|
|
64
80
|
exports.DateRangeFilter = DateRangeFilter;
|
|
@@ -44,14 +44,30 @@ export var DateRangeFilter = function (props) {
|
|
|
44
44
|
useTheme();
|
|
45
45
|
var translatedStrings = __assign(__assign({}, defaultStrings), translatedLabels);
|
|
46
46
|
var _h = React.useState(((_a = column.filterValue) === null || _a === void 0 ? void 0 : _a[0]) ? new Date((_b = column.filterValue) === null || _b === void 0 ? void 0 : _b[0]) : undefined), from = _h[0], setFrom = _h[1];
|
|
47
|
+
var onFromChange = React.useCallback(function (date) {
|
|
48
|
+
setFrom(function (prevDate) {
|
|
49
|
+
if (prevDate || !date) {
|
|
50
|
+
return date;
|
|
51
|
+
}
|
|
52
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0);
|
|
53
|
+
});
|
|
54
|
+
}, []);
|
|
47
55
|
var _j = React.useState(((_c = column.filterValue) === null || _c === void 0 ? void 0 : _c[1]) ? new Date((_d = column.filterValue) === null || _d === void 0 ? void 0 : _d[1]) : undefined), to = _j[0], setTo = _j[1];
|
|
56
|
+
var onToChange = React.useCallback(function (date) {
|
|
57
|
+
setTo(function (prevDate) {
|
|
58
|
+
if (prevDate || !date) {
|
|
59
|
+
return date;
|
|
60
|
+
}
|
|
61
|
+
return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
|
|
62
|
+
});
|
|
63
|
+
}, []);
|
|
48
64
|
var onKeyDown = function (event) {
|
|
49
65
|
if (event.key === 'Enter') {
|
|
50
66
|
setFilter([from, to]);
|
|
51
67
|
}
|
|
52
68
|
};
|
|
53
69
|
return (React.createElement(BaseFilter, null,
|
|
54
|
-
React.createElement(DatePickerInput, { label: translatedStrings.from, date: from, onChange:
|
|
55
|
-
React.createElement(DatePickerInput, { label: translatedStrings.to, date: to, onChange:
|
|
70
|
+
React.createElement(DatePickerInput, { label: translatedStrings.from, date: from, onChange: onFromChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder, setFocus: true }),
|
|
71
|
+
React.createElement(DatePickerInput, { label: translatedStrings.to, date: to, onChange: onToChange, formatDate: formatDate, parseInput: parseInput, onKeyDown: onKeyDown, placeholder: placeholder }),
|
|
56
72
|
React.createElement(FilterButtonBar, { setFilter: function () { return setFilter([from, to]); }, clearFilter: clearFilter, translatedLabels: translatedLabels })));
|
|
57
73
|
};
|