@synerise/ds-date-range-picker 1.6.21 → 1.6.23
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 +10 -0
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +2 -2
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.styles.d.ts +1 -1
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.styles.js +1 -1
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +1 -1
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +1 -1
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +1 -1
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.styles.js +2 -2
- package/dist/RangePicker/RangePicker.js +2 -8
- package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js +1 -2
- package/dist/index.d.ts +1 -1
- package/package.json +31 -22
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
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
|
+
## [1.6.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.22...@synerise/ds-date-range-picker@1.6.23) (2026-05-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
9
|
+
|
|
10
|
+
## [1.6.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.21...@synerise/ds-date-range-picker@1.6.22) (2026-05-04)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- add exports field to all component packages for correct ESM detection ([6eccfde](https://github.com/Synerise/synerise-design/commit/6eccfde8f2dd73c59860793231fbd7bcd61813b4))
|
|
15
|
+
|
|
6
16
|
## [1.6.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.20...@synerise/ds-date-range-picker@1.6.21) (2026-04-29)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
@@ -4,7 +4,7 @@ import { FormattedMessage, injectIntl } from "react-intl";
|
|
|
4
4
|
import { v4 } from "uuid";
|
|
5
5
|
import Button from "@synerise/ds-button";
|
|
6
6
|
import { theme } from "@synerise/ds-core";
|
|
7
|
-
import
|
|
7
|
+
import { ContentItem } from "@synerise/ds-manageable-list";
|
|
8
8
|
import Tag, { TagShape } from "@synerise/ds-tag";
|
|
9
9
|
import { getDefaultTexts } from "../../../utils.js";
|
|
10
10
|
import TimeWindow from "../../Shared/TimeWindow/TimeWindow.js";
|
|
@@ -276,7 +276,7 @@ const _MonthlyFilter = class _MonthlyFilter extends PureComponent {
|
|
|
276
276
|
const allTexts = getDefaultTexts(intl, false, texts);
|
|
277
277
|
const deletableDueToEntriesLimit = (key) => min === void 0 || min !== void 0 && key >= min;
|
|
278
278
|
return /* @__PURE__ */ jsxs(MonthlyFilterWrapper, { className: "monthly-wrapper", children: [
|
|
279
|
-
data.map((item, key) => /* @__PURE__ */ jsx(
|
|
279
|
+
data.map((item, key) => /* @__PURE__ */ jsx(ContentItem, { hideExpander: false, onExpand: this.handleCollapse, expanded: visible[item.id], onRemove: () => this.handleRemoveRow(key), item: {
|
|
280
280
|
tag: /* @__PURE__ */ jsx(Tag, { name: String(key + 1), shape: TagShape.SINGLE_CHARACTER_ROUND, color: theme.palette["grey-100"], textColor: theme.palette["grey-500"] }),
|
|
281
281
|
canDelete: !disabled && deletableDueToEntriesLimit(key),
|
|
282
282
|
id: item.id,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InlineSelectProps } from '@synerise/ds-inline-edit
|
|
1
|
+
import { InlineSelectProps } from '@synerise/ds-inline-edit';
|
|
2
2
|
export declare const MonthlyFilterWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
3
3
|
export declare const ContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
4
4
|
export declare const DropdownLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
|
-
import InlineSelect from "@synerise/ds-inline-edit
|
|
2
|
+
import { InlineSelect } from "@synerise/ds-inline-edit";
|
|
3
3
|
const MonthlyFilterWrapper = /* @__PURE__ */ styled.div.withConfig({
|
|
4
4
|
displayName: "MonthlyFilterstyles__MonthlyFilterWrapper",
|
|
5
5
|
componentId: "sc-5ul7nk-0"
|
|
@@ -14,7 +14,7 @@ import "styled-components";
|
|
|
14
14
|
import "@synerise/ds-list-item";
|
|
15
15
|
import "@synerise/ds-badge";
|
|
16
16
|
import "@synerise/ds-button/dist/Button.styles";
|
|
17
|
-
import "@synerise/ds-manageable-list
|
|
17
|
+
import "@synerise/ds-manageable-list";
|
|
18
18
|
import "@synerise/ds-input";
|
|
19
19
|
import "../../../Shared/SelectionCount/SelectionCount.js";
|
|
20
20
|
import "../../../Shared/SelectionHint/SelectionHint.js";
|
|
@@ -15,7 +15,7 @@ import "styled-components";
|
|
|
15
15
|
import "@synerise/ds-list-item";
|
|
16
16
|
import "@synerise/ds-badge";
|
|
17
17
|
import "@synerise/ds-button/dist/Button.styles";
|
|
18
|
-
import "@synerise/ds-manageable-list
|
|
18
|
+
import "@synerise/ds-manageable-list";
|
|
19
19
|
import "@synerise/ds-input";
|
|
20
20
|
import SelectionCount from "../../../Shared/SelectionCount/SelectionCount.js";
|
|
21
21
|
import SelectionHint from "../../../Shared/SelectionHint/SelectionHint.js";
|
|
@@ -15,7 +15,7 @@ import "styled-components";
|
|
|
15
15
|
import "@synerise/ds-list-item";
|
|
16
16
|
import "@synerise/ds-badge";
|
|
17
17
|
import "@synerise/ds-button/dist/Button.styles";
|
|
18
|
-
import "@synerise/ds-manageable-list
|
|
18
|
+
import "@synerise/ds-manageable-list";
|
|
19
19
|
import "@synerise/ds-input";
|
|
20
20
|
import SelectionCount from "../../../Shared/SelectionCount/SelectionCount.js";
|
|
21
21
|
import SelectionHint from "../../../Shared/SelectionHint/SelectionHint.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
2
|
import { Creator } from "@synerise/ds-button";
|
|
3
3
|
import { ButtonLabel } from "@synerise/ds-button/dist/Button.styles";
|
|
4
|
-
import
|
|
5
|
-
const ContentItem = /* @__PURE__ */ styled(
|
|
4
|
+
import { ContentItem as ContentItem$1 } from "@synerise/ds-manageable-list";
|
|
5
|
+
const ContentItem = /* @__PURE__ */ styled(ContentItem$1).withConfig({
|
|
6
6
|
displayName: "RangeFilterStatusstyles__ContentItem",
|
|
7
7
|
componentId: "sc-1ei851t-0"
|
|
8
8
|
})(["margin-bottom:0;"]);
|
|
@@ -5,14 +5,8 @@ import { PureComponent } from "react";
|
|
|
5
5
|
import { DateUtils } from "react-day-picker";
|
|
6
6
|
import { legacyParse } from "@date-fns/upgrade/v2";
|
|
7
7
|
import { withDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
|
|
8
|
-
import DayPicker from "@synerise/ds-date-picker
|
|
8
|
+
import { YearPicker, MonthPicker, fnsDifferenceInYears, DayPicker, localeUtils, TimePicker, datePickerFormat } from "@synerise/ds-date-picker";
|
|
9
9
|
import { DayBackground, DayText, DayTooltip, DayForeground } from "@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles";
|
|
10
|
-
import MonthPicker from "@synerise/ds-date-picker/dist/Elements/MonthPicker/MonthPicker";
|
|
11
|
-
import TimePicker from "@synerise/ds-date-picker/dist/Elements/TimePicker/TimePicker";
|
|
12
|
-
import YearPicker from "@synerise/ds-date-picker/dist/Elements/YearPicker/YearPicker";
|
|
13
|
-
import { fnsDifferenceInYears } from "@synerise/ds-date-picker/dist/fns";
|
|
14
|
-
import fnsFormat from "@synerise/ds-date-picker/dist/format";
|
|
15
|
-
import localeUtils from "@synerise/ds-date-picker/dist/localeUtils";
|
|
16
10
|
import Icon, { CalendarM, ClockM } from "@synerise/ds-icon";
|
|
17
11
|
import { Range } from "../RelativeRangePicker/RelativeRangePicker.styles.js";
|
|
18
12
|
import { ABSOLUTE, COLUMNS, MODES } from "../constants.js";
|
|
@@ -222,7 +216,7 @@ class RangePicker extends PureComponent {
|
|
|
222
216
|
} = this.props;
|
|
223
217
|
const formatDate = (date) => {
|
|
224
218
|
if (typeof date === "string") {
|
|
225
|
-
return
|
|
219
|
+
return datePickerFormat(legacyParse(date), TOOLTIP_FORMAT, intl.locale);
|
|
226
220
|
}
|
|
227
221
|
return formatValue(date, {
|
|
228
222
|
...getDefaultDataTimeOptions(true)
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { useIntl } from "react-intl";
|
|
4
|
-
import DatePicker from "@synerise/ds-date-picker
|
|
5
|
-
import { getDefaultTexts } from "@synerise/ds-date-picker/dist/utils/getDefaultTexts";
|
|
4
|
+
import { getDefaultTexts, DatePicker } from "@synerise/ds-date-picker";
|
|
6
5
|
import { DURATION_MODIFIERS, CUSTOM_RANGE_KEY } from "../../../constants.js";
|
|
7
6
|
import { DEFAULT_RANGE } from "../../../utils.js";
|
|
8
7
|
import { RangeFormColumn, DatePickerWrapper } from "../../RelativeRangePicker.styles.js";
|
package/dist/index.d.ts
CHANGED
|
@@ -9,6 +9,6 @@ export { default } from './DateRangePicker';
|
|
|
9
9
|
export { fnsFormat } from './fns';
|
|
10
10
|
export type { WeeklyProps, WeeklyScheduleDayValue, WeeklySchedule, DayOfWeekIndex, } from './RangeFilter/Filters/new/Weekly/Weekly.types';
|
|
11
11
|
export { getDisabledTimeOptions } from './RangePicker/utils';
|
|
12
|
-
export type { AbsoluteDateRange, RelativeDateRange, DateRange, DateRangePreset, RelativeDateRangePreset, AbsoluteDateRangePreset, } from './date.types';
|
|
12
|
+
export type { AbsoluteDateRange, RelativeDateRange, DateRange, DateRangePreset, RelativeDateRangePreset, AbsoluteDateRangePreset, DateFilter, RelativeUnits, } from './date.types';
|
|
13
13
|
export type { DateRangePickerProps, Texts as DateRangePickerTexts, } from './DateRangePicker.types';
|
|
14
14
|
export { DEFAULT_RANGE_END, DEFAULT_RANGE_START, } from './RangeFilter/constants';
|
package/package.json
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-range-picker",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.23",
|
|
4
4
|
"description": "Date-Range-Picker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.js",
|
|
12
|
+
"default": "./dist/index.js"
|
|
13
|
+
},
|
|
14
|
+
"./dist/*.js": "./dist/*.js",
|
|
15
|
+
"./dist/*": "./dist/*.js"
|
|
16
|
+
},
|
|
8
17
|
"files": [
|
|
9
18
|
"/dist",
|
|
10
19
|
"CHANGELOG.md",
|
|
@@ -33,26 +42,26 @@
|
|
|
33
42
|
"types": "dist/index.d.ts",
|
|
34
43
|
"dependencies": {
|
|
35
44
|
"@date-fns/upgrade": "^1.0.3",
|
|
36
|
-
"@synerise/ds-badge": "^1.0.
|
|
37
|
-
"@synerise/ds-button": "^1.5.
|
|
38
|
-
"@synerise/ds-button-group": "^1.1.
|
|
39
|
-
"@synerise/ds-date-picker": "^1.4.
|
|
40
|
-
"@synerise/ds-dropdown": "^1.3.
|
|
41
|
-
"@synerise/ds-form-field": "^1.3.
|
|
42
|
-
"@synerise/ds-icon": "^1.17.
|
|
43
|
-
"@synerise/ds-inline-edit": "^1.1.
|
|
44
|
-
"@synerise/ds-input": "^1.7.
|
|
45
|
-
"@synerise/ds-input-number": "^1.2.
|
|
46
|
-
"@synerise/ds-list-item": "^1.4.
|
|
47
|
-
"@synerise/ds-manageable-list": "^1.7.
|
|
48
|
-
"@synerise/ds-popover": "^1.5.
|
|
49
|
-
"@synerise/ds-scrollbar": "^1.3.
|
|
50
|
-
"@synerise/ds-select": "^1.3.
|
|
51
|
-
"@synerise/ds-slider": "^1.1.
|
|
52
|
-
"@synerise/ds-tag": "^1.4.
|
|
53
|
-
"@synerise/ds-time-picker": "^1.2.
|
|
54
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
55
|
-
"@synerise/ds-utils": "^1.8.
|
|
45
|
+
"@synerise/ds-badge": "^1.0.52",
|
|
46
|
+
"@synerise/ds-button": "^1.5.26",
|
|
47
|
+
"@synerise/ds-button-group": "^1.1.51",
|
|
48
|
+
"@synerise/ds-date-picker": "^1.4.11",
|
|
49
|
+
"@synerise/ds-dropdown": "^1.3.11",
|
|
50
|
+
"@synerise/ds-form-field": "^1.3.18",
|
|
51
|
+
"@synerise/ds-icon": "^1.17.3",
|
|
52
|
+
"@synerise/ds-inline-edit": "^1.1.35",
|
|
53
|
+
"@synerise/ds-input": "^1.7.6",
|
|
54
|
+
"@synerise/ds-input-number": "^1.2.43",
|
|
55
|
+
"@synerise/ds-list-item": "^1.4.19",
|
|
56
|
+
"@synerise/ds-manageable-list": "^1.7.23",
|
|
57
|
+
"@synerise/ds-popover": "^1.5.5",
|
|
58
|
+
"@synerise/ds-scrollbar": "^1.3.4",
|
|
59
|
+
"@synerise/ds-select": "^1.3.28",
|
|
60
|
+
"@synerise/ds-slider": "^1.1.21",
|
|
61
|
+
"@synerise/ds-tag": "^1.4.26",
|
|
62
|
+
"@synerise/ds-time-picker": "^1.2.33",
|
|
63
|
+
"@synerise/ds-tooltip": "^1.4.18",
|
|
64
|
+
"@synerise/ds-utils": "^1.8.1",
|
|
56
65
|
"date-fns": "^2.16.1",
|
|
57
66
|
"date-fns-tz": "1.1.4",
|
|
58
67
|
"dayjs": "^1.8.35",
|
|
@@ -92,5 +101,5 @@
|
|
|
92
101
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
93
102
|
"styled-components": "^5.3.3"
|
|
94
103
|
},
|
|
95
|
-
"gitHead": "
|
|
104
|
+
"gitHead": "2e8759a5466a0631229e764b0a1f73de963fc83b"
|
|
96
105
|
}
|