@synerise/ds-date-range-picker 0.26.4 → 0.26.6
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 +19 -0
- package/README.md +94 -0
- package/dist/DateRangePicker.types.d.ts +4 -4
- package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +1 -5
- package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +3 -16
- package/dist/RangeFilter/Filters/new/Daily/Daily.d.ts +1 -1
- package/dist/RangeFilter/Filters/new/Daily/Daily.js +8 -6
- package/dist/RangeFilter/Filters/new/Daily/Daily.types.d.ts +2 -0
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.d.ts +1 -1
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +15 -23
- package/dist/RangeFilter/Filters/new/Monthly/Monthly.types.d.ts +2 -0
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.d.ts +1 -1
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +44 -52
- package/dist/RangeFilter/Filters/new/Weekly/Weekly.types.d.ts +2 -0
- package/dist/RangeFilter/RangeFilter.js +7 -18
- package/dist/RangeFilter/RangeFilter.types.d.ts +2 -2
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +5 -12
- package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.types.d.ts +3 -2
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +4 -11
- package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.types.d.ts +2 -0
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.d.ts +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +3 -9
- package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.d.ts +3 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +4 -4
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types.d.ts +3 -2
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +4 -8
- package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types.d.ts +1 -1
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +3 -7
- package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.types.d.ts +2 -0
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +4 -12
- package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.types.d.ts +3 -8
- package/dist/RawDateRangePicker.d.ts +10 -6
- package/dist/RawDateRangePicker.js +58 -56
- package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.d.ts +1 -1
- package/dist/utils.js +86 -57
- package/package.json +19 -19
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { useIntl } from 'react-intl';
|
|
3
2
|
import * as S from './RangeSummary.styles';
|
|
4
3
|
import { SPACE_UNICODE } from '../../../constants';
|
|
5
4
|
|
|
@@ -7,8 +6,8 @@ var RangeSummary = function RangeSummary(_ref) {
|
|
|
7
6
|
var dayKeys = _ref.dayKeys,
|
|
8
7
|
getDayLabel = _ref.getDayLabel,
|
|
9
8
|
monthlyFilterPeriod = _ref.monthlyFilterPeriod,
|
|
10
|
-
monthlyFilter = _ref.monthlyFilter
|
|
11
|
-
|
|
9
|
+
monthlyFilter = _ref.monthlyFilter,
|
|
10
|
+
texts = _ref.texts;
|
|
12
11
|
var daysToDisplay = React.useMemo(function () {
|
|
13
12
|
if (monthlyFilter && dayKeys.length > 1) {
|
|
14
13
|
return /*#__PURE__*/React.createElement(S.DayShortname, null, "Days");
|
|
@@ -20,10 +19,7 @@ var RangeSummary = function RangeSummary(_ref) {
|
|
|
20
19
|
}, !monthlyFilter || monthlyFilterPeriod !== 'WEEK' ? getDayLabel(k, false) : null, monthlyFilter && getDayLabel(k, true), index + 1 !== dayKeys.length && "," + SPACE_UNICODE);
|
|
21
20
|
});
|
|
22
21
|
}, [dayKeys, getDayLabel, monthlyFilter, monthlyFilterPeriod]);
|
|
23
|
-
return /*#__PURE__*/React.createElement(S.TitleWrapper, null,
|
|
24
|
-
id: 'DS.DATE-RANGE-PICKER.SET_TIME_FOR',
|
|
25
|
-
defaultMessage: "Set time for:"
|
|
26
|
-
}), SPACE_UNICODE, daysToDisplay);
|
|
22
|
+
return /*#__PURE__*/React.createElement(S.TitleWrapper, null, texts.setTimeFor, SPACE_UNICODE, daysToDisplay);
|
|
27
23
|
};
|
|
28
24
|
|
|
29
25
|
export default RangeSummary;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DayKey } from '../TimeWindow.types';
|
|
3
|
+
import { Texts } from '../../../../DateRangePicker.types';
|
|
3
4
|
export type RangeSummaryProps = {
|
|
5
|
+
texts: Pick<Texts, 'setTimeFor'>;
|
|
4
6
|
dayKeys: DayKey[];
|
|
5
7
|
getDayLabel: (dayKey: DayKey, long?: boolean) => string | React.ReactNode | undefined;
|
|
6
8
|
monthlyFilter?: boolean;
|
|
@@ -382,7 +382,7 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
382
382
|
monthlyFilter: monthlyFilter,
|
|
383
383
|
monthlyFilterPeriod: monthlyFilterPeriod,
|
|
384
384
|
onRangeDelete: daily ? undefined : _this.handleRangeDelete,
|
|
385
|
-
texts: texts
|
|
385
|
+
texts: texts,
|
|
386
386
|
renderSuffix: renderRangeFormSuffix,
|
|
387
387
|
timePickerProps: timePickerProps,
|
|
388
388
|
valueSelectionModes: valueSelectionModes,
|
|
@@ -519,20 +519,12 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
|
|
|
519
519
|
showSelectAll: keys.length > (activeDays == null ? void 0 : activeDays.length),
|
|
520
520
|
title: /*#__PURE__*/React.createElement(SelectionCount, {
|
|
521
521
|
selectedDayCount: activeDays.length,
|
|
522
|
-
label:
|
|
523
|
-
id: 'DS.DATE-RANGE-PICKER.SELECTED',
|
|
524
|
-
defaultMessage: 'Selected: '
|
|
525
|
-
})
|
|
522
|
+
label: texts.selected
|
|
526
523
|
})
|
|
527
524
|
})), shouldRenderRangeForm && this.renderRangeForm(rangeFormKey), shouldRenderSelectionHint && /*#__PURE__*/React.createElement(SelectionHint, {
|
|
528
|
-
message:
|
|
529
|
-
id: 'DS.DATE-RANGE-PICKER.SELECT-DAYS-DESCRIPTION'
|
|
530
|
-
})
|
|
525
|
+
message: texts.selectDaysDescription
|
|
531
526
|
}), shouldRenderAddButton && /*#__PURE__*/React.createElement(S.AddButtonWrapper, null, /*#__PURE__*/React.createElement(AddButton, {
|
|
532
|
-
label:
|
|
533
|
-
id: 'DS.DATE-RANGE-PICKER.ADD-TIME',
|
|
534
|
-
defaultMessage: 'Add time'
|
|
535
|
-
}),
|
|
527
|
+
label: texts.addTime,
|
|
536
528
|
onClick: this.handleRangeAdd
|
|
537
529
|
})));
|
|
538
530
|
};
|
|
@@ -4,6 +4,7 @@ import type { TimePickerProps } from '@synerise/ds-time-picker';
|
|
|
4
4
|
import type { WithDataFormatProps } from '@synerise/ds-data-format';
|
|
5
5
|
import { DayProps } from './Day/Day.types';
|
|
6
6
|
import { FilterDefinition, WithDisabledProp } from '../../RangeFilter.types';
|
|
7
|
+
import { Texts } from '../../../DateRangePicker.types';
|
|
7
8
|
import { GridTexts } from './Grid/Grid.types';
|
|
8
9
|
import { DateLimitMode, RangeDisplayMode } from './RangeFormContainer/RangeForm/RangeForm.types';
|
|
9
10
|
export type DayKey = number | string;
|
|
@@ -24,13 +25,7 @@ export type CustomDayConfig = {
|
|
|
24
25
|
label?: string;
|
|
25
26
|
longLabel?: string;
|
|
26
27
|
};
|
|
27
|
-
export type TimeWindowTexts =
|
|
28
|
-
clearRange: React.ReactNode | string;
|
|
29
|
-
copyRange: React.ReactNode | string;
|
|
30
|
-
pasteRange: React.ReactNode | string;
|
|
31
|
-
range: React.ReactNode | string;
|
|
32
|
-
hour: React.ReactNode | string;
|
|
33
|
-
};
|
|
28
|
+
export type TimeWindowTexts = Pick<Texts, 'inverseSelection' | 'selectDaysDescription' | 'addTime' | 'clearRange' | 'copyRange' | 'pasteRange' | 'range' | 'hour' | 'selected' | 'clear' | 'setTimeFor'>;
|
|
34
29
|
export type TimeWindowProps = {
|
|
35
30
|
days: Days;
|
|
36
31
|
monthlyFilter?: boolean;
|
|
@@ -62,7 +57,7 @@ export type TimeWindowProps = {
|
|
|
62
57
|
rangeClipboard: Partial<FilterDefinition>;
|
|
63
58
|
valueSelectionModes: DateLimitMode[];
|
|
64
59
|
rangeDisplayMode?: RangeDisplayMode;
|
|
65
|
-
texts
|
|
60
|
+
texts: TimeWindowTexts & GridTexts;
|
|
66
61
|
renderRangeFormSuffix?: () => React.ReactNode;
|
|
67
62
|
timePickerProps?: Partial<TimePickerProps>;
|
|
68
63
|
} & Partial<RangeActions> & WithDataFormatProps & WithDisabledProp & WrappedComponentProps;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import React, { PureComponent } from 'react';
|
|
2
|
-
import type { DateRangePickerProps,
|
|
2
|
+
import type { DateRangePickerProps, State, AddonType, Texts } from './DateRangePicker.types';
|
|
3
3
|
import type { DateRange } from './date.types';
|
|
4
4
|
import { FilterDefinition, FilterValue } from './RangeFilter/RangeFilter.types';
|
|
5
5
|
export declare function defaultValueTransformer(value: DateRange): DateRange;
|
|
6
|
-
|
|
6
|
+
type RawDateRangePickerProps = Omit<DateRangePickerProps, 'texts'> & {
|
|
7
|
+
texts: Texts;
|
|
8
|
+
};
|
|
9
|
+
export declare class RawDateRangePicker extends PureComponent<RawDateRangePickerProps, State> {
|
|
7
10
|
static defaultProps: {
|
|
8
11
|
ranges: (import("./date.types").RelativeDateRangePreset | import("./date.types").AbsoluteDateRangePreset)[];
|
|
9
12
|
relativePast: boolean;
|
|
@@ -14,10 +17,11 @@ export declare class RawDateRangePicker extends PureComponent<DateRangePickerPro
|
|
|
14
17
|
valueTransformer: typeof defaultValueTransformer;
|
|
15
18
|
isTruncateMs: boolean;
|
|
16
19
|
};
|
|
17
|
-
constructor(props:
|
|
18
|
-
componentDidUpdate(prevProps: Readonly<
|
|
20
|
+
constructor(props: RawDateRangePickerProps);
|
|
21
|
+
componentDidUpdate(prevProps: Readonly<RawDateRangePickerProps>): void;
|
|
19
22
|
handleFilterCancel: () => void;
|
|
20
23
|
handleFilterApply: (filter?: FilterValue<FilterDefinition>) => void;
|
|
24
|
+
allTexts: () => Texts;
|
|
21
25
|
handleRangeChange: (range?: DateRange) => void;
|
|
22
26
|
handleApply: () => void;
|
|
23
27
|
handleModalOpenClick: () => void;
|
|
@@ -27,9 +31,9 @@ export declare class RawDateRangePicker extends PureComponent<DateRangePickerPro
|
|
|
27
31
|
getAddons: () => AddonType[];
|
|
28
32
|
render(): JSX.Element;
|
|
29
33
|
}
|
|
30
|
-
declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<
|
|
34
|
+
declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<RawDateRangePickerProps, "intl"> & {
|
|
31
35
|
forwardedRef?: React.Ref<any> | undefined;
|
|
32
36
|
} & React.RefAttributes<any>> & {
|
|
33
|
-
WrappedComponent: React.ComponentType<
|
|
37
|
+
WrappedComponent: React.ComponentType<RawDateRangePickerProps>;
|
|
34
38
|
};
|
|
35
39
|
export default _default;
|
|
@@ -24,7 +24,7 @@ import relativeToAbsolute from './dateUtils/relativeToAbsolute';
|
|
|
24
24
|
import AddonCollapse from './AddonCollapse/AddonCollapse';
|
|
25
25
|
import RelativeRangePicker from './RelativeRangePicker/RelativeRangePicker';
|
|
26
26
|
import Footer from './Footer/Footer';
|
|
27
|
-
import { normalizeRange } from './utils';
|
|
27
|
+
import { getDefaultTexts, normalizeRange } from './utils';
|
|
28
28
|
import RangeFilter from './RangeFilter/RangeFilter';
|
|
29
29
|
import RangeFilterStatus from './RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus';
|
|
30
30
|
import { isLifetime } from './RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
|
|
@@ -100,6 +100,13 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
100
100
|
});
|
|
101
101
|
});
|
|
102
102
|
|
|
103
|
+
_defineProperty(_assertThisInitialized(_this), "allTexts", function () {
|
|
104
|
+
var _this$props = _this.props,
|
|
105
|
+
texts = _this$props.texts,
|
|
106
|
+
intl = _this$props.intl;
|
|
107
|
+
return getDefaultTexts(intl, false, texts);
|
|
108
|
+
});
|
|
109
|
+
|
|
103
110
|
_defineProperty(_assertThisInitialized(_this), "handleRangeChange", function (range) {
|
|
104
111
|
var _valueTransformer;
|
|
105
112
|
|
|
@@ -111,10 +118,10 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
111
118
|
return;
|
|
112
119
|
}
|
|
113
120
|
|
|
114
|
-
var _this$
|
|
115
|
-
onValueChange = _this$
|
|
116
|
-
valueTransformer = _this$
|
|
117
|
-
isTruncateMs = _this$
|
|
121
|
+
var _this$props2 = _this.props,
|
|
122
|
+
onValueChange = _this$props2.onValueChange,
|
|
123
|
+
valueTransformer = _this$props2.valueTransformer,
|
|
124
|
+
isTruncateMs = _this$props2.isTruncateMs;
|
|
118
125
|
var _this$state = _this.state,
|
|
119
126
|
value = _this$state.value,
|
|
120
127
|
mode = _this$state.mode;
|
|
@@ -156,10 +163,10 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
156
163
|
|
|
157
164
|
_defineProperty(_assertThisInitialized(_this), "handleApply", function () {
|
|
158
165
|
var value = _this.state.value;
|
|
159
|
-
var _this$
|
|
160
|
-
forceAbsolute = _this$
|
|
161
|
-
onApply = _this$
|
|
162
|
-
valueTransformer = _this$
|
|
166
|
+
var _this$props3 = _this.props,
|
|
167
|
+
forceAbsolute = _this$props3.forceAbsolute,
|
|
168
|
+
onApply = _this$props3.onApply,
|
|
169
|
+
valueTransformer = _this$props3.valueTransformer;
|
|
163
170
|
|
|
164
171
|
if (forceAbsolute && value.type === RELATIVE) {
|
|
165
172
|
onApply && onApply(_objectSpread({}, value, {}, relativeToAbsolute(value)));
|
|
@@ -212,21 +219,22 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
212
219
|
});
|
|
213
220
|
|
|
214
221
|
_defineProperty(_assertThisInitialized(_this), "getAddons", function () {
|
|
215
|
-
var _this$
|
|
216
|
-
showRelativePicker = _this$
|
|
217
|
-
showFilter = _this$
|
|
218
|
-
relativeFuture = _this$
|
|
219
|
-
relativePast = _this$
|
|
220
|
-
ranges = _this$
|
|
221
|
-
relativeModes = _this$
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
showCustomRange = _this$props3.showCustomRange,
|
|
226
|
-
valueTransformer = _this$props3.valueTransformer;
|
|
222
|
+
var _this$props4 = _this.props,
|
|
223
|
+
showRelativePicker = _this$props4.showRelativePicker,
|
|
224
|
+
showFilter = _this$props4.showFilter,
|
|
225
|
+
relativeFuture = _this$props4.relativeFuture,
|
|
226
|
+
relativePast = _this$props4.relativePast,
|
|
227
|
+
ranges = _this$props4.ranges,
|
|
228
|
+
relativeModes = _this$props4.relativeModes,
|
|
229
|
+
rangeUnits = _this$props4.rangeUnits,
|
|
230
|
+
showCustomRange = _this$props4.showCustomRange,
|
|
231
|
+
valueTransformer = _this$props4.valueTransformer;
|
|
227
232
|
var _this$state2 = _this.state,
|
|
228
233
|
value = _this$state2.value,
|
|
229
234
|
visibleAddonKey = _this$state2.visibleAddonKey;
|
|
235
|
+
|
|
236
|
+
var allTexts = _this.allTexts();
|
|
237
|
+
|
|
230
238
|
var addons = [];
|
|
231
239
|
|
|
232
240
|
if (showRelativePicker && !!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
|
|
@@ -241,17 +249,17 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
241
249
|
value: value,
|
|
242
250
|
onChange: _this.handleRangeChange,
|
|
243
251
|
relativeModes: relativeModes,
|
|
244
|
-
texts:
|
|
252
|
+
texts: allTexts,
|
|
245
253
|
rangeUnits: rangeUnits,
|
|
246
254
|
showCustomRange: showCustomRange,
|
|
247
255
|
valueTransformer: valueTransformer
|
|
248
256
|
}),
|
|
249
257
|
expanded: addonKey === visibleAddonKey,
|
|
250
|
-
title:
|
|
258
|
+
title: allTexts.relativeDateRange,
|
|
251
259
|
onCollapseChange: function onCollapseChange(expanded) {
|
|
252
260
|
return _this.handleAddonCollapse(addonKey, expanded);
|
|
253
261
|
},
|
|
254
|
-
collapsedSummary: rangeTranslationKey &&
|
|
262
|
+
collapsedSummary: rangeTranslationKey && allTexts[rangeTranslationKey]
|
|
255
263
|
}),
|
|
256
264
|
key: addonKey
|
|
257
265
|
});
|
|
@@ -260,18 +268,12 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
260
268
|
if (showFilter) {
|
|
261
269
|
var _addonKey = 'filter';
|
|
262
270
|
var filterEnabled = value.from && value.to || isLifetime(value);
|
|
263
|
-
var label = value != null && value.filter ?
|
|
264
|
-
id: "DS.DATE-RANGE-PICKER.FILTER-ENABLED",
|
|
265
|
-
defaultMessage: 'Filter enabled'
|
|
266
|
-
}) : intl.formatMessage({
|
|
267
|
-
id: "DS.DATE-RANGE-PICKER.SELECT-DATE-FILTER",
|
|
268
|
-
defaultMessage: 'Select date filter'
|
|
269
|
-
});
|
|
271
|
+
var label = value != null && value.filter ? allTexts.filterEnabled : allTexts.selectDateFilter;
|
|
270
272
|
addons.push({
|
|
271
273
|
content: /*#__PURE__*/React.createElement(RangeFilterStatus, {
|
|
272
274
|
onFilterRemove: _this.handleRemoveFilterClick,
|
|
273
275
|
filter: value.filter,
|
|
274
|
-
texts:
|
|
276
|
+
texts: allTexts,
|
|
275
277
|
disabled: !filterEnabled,
|
|
276
278
|
label: label,
|
|
277
279
|
onClick: _this.handleModalOpenClick
|
|
@@ -302,27 +304,26 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
302
304
|
};
|
|
303
305
|
|
|
304
306
|
_proto.render = function render() {
|
|
305
|
-
var _this$
|
|
306
|
-
showTime = _this$
|
|
307
|
-
format = _this$
|
|
308
|
-
valueFormatOptions = _this$
|
|
309
|
-
disabledDate = _this$
|
|
310
|
-
validate = _this$
|
|
311
|
-
forceAdjacentMonths = _this$
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
_this$
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
_this$
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
_this$
|
|
325
|
-
showNowButton = _this$props4$showNowB === void 0 ? true : _this$props4$showNowB;
|
|
307
|
+
var _this$props5 = this.props,
|
|
308
|
+
showTime = _this$props5.showTime,
|
|
309
|
+
format = _this$props5.format,
|
|
310
|
+
valueFormatOptions = _this$props5.valueFormatOptions,
|
|
311
|
+
disabledDate = _this$props5.disabledDate,
|
|
312
|
+
validate = _this$props5.validate,
|
|
313
|
+
forceAdjacentMonths = _this$props5.forceAdjacentMonths,
|
|
314
|
+
savedFilters = _this$props5.savedFilters,
|
|
315
|
+
onFilterSave = _this$props5.onFilterSave,
|
|
316
|
+
intl = _this$props5.intl,
|
|
317
|
+
_this$props5$containe = _this$props5.containerClass,
|
|
318
|
+
containerClass = _this$props5$containe === void 0 ? 'ds-date-range-picker' : _this$props5$containe,
|
|
319
|
+
footerProps = _this$props5.footerProps,
|
|
320
|
+
allowedFilterTypes = _this$props5.allowedFilterTypes,
|
|
321
|
+
_this$props5$disableA = _this$props5.disableAbsoluteTimepickerInRelative,
|
|
322
|
+
disableAbsoluteTimepickerInRelative = _this$props5$disableA === void 0 ? false : _this$props5$disableA,
|
|
323
|
+
filterValueSelectionModes = _this$props5.filterValueSelectionModes,
|
|
324
|
+
filterRangeDisplayMode = _this$props5.filterRangeDisplayMode,
|
|
325
|
+
_this$props5$showNowB = _this$props5.showNowButton,
|
|
326
|
+
showNowButton = _this$props5$showNowB === void 0 ? true : _this$props5$showNowB;
|
|
326
327
|
var _this$state3 = this.state,
|
|
327
328
|
value = _this$state3.value,
|
|
328
329
|
mode = _this$state3.mode;
|
|
@@ -339,8 +340,9 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
339
340
|
to = value.to,
|
|
340
341
|
key = value.key;
|
|
341
342
|
var addons = this.getAddons();
|
|
343
|
+
var allTexts = this.allTexts();
|
|
342
344
|
if (mode === MODES.FILTER) return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(RangeFilter, {
|
|
343
|
-
texts:
|
|
345
|
+
texts: allTexts,
|
|
344
346
|
value: value.filter,
|
|
345
347
|
onCancel: this.handleFilterCancel,
|
|
346
348
|
onApply: this.handleFilterApply,
|
|
@@ -378,7 +380,7 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
378
380
|
onSwitchMode: this.handleSwitchMode,
|
|
379
381
|
dateOnly: !showTime,
|
|
380
382
|
canSwitchMode: canSwitchToTimePicker,
|
|
381
|
-
texts:
|
|
383
|
+
texts: allTexts,
|
|
382
384
|
forceAdjacentMonths: forceAdjacentMonths,
|
|
383
385
|
intl: intl
|
|
384
386
|
}), addons.length > 0 && /*#__PURE__*/React.createElement(Separator, null), addons.map(function (addon, index) {
|
|
@@ -395,7 +397,7 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
|
|
|
395
397
|
canSwitchMode: isValid,
|
|
396
398
|
message: !validator.valid ? validator.message : null,
|
|
397
399
|
onSwitchMode: this.handleSwitchMode,
|
|
398
|
-
texts:
|
|
400
|
+
texts: allTexts,
|
|
399
401
|
value: value,
|
|
400
402
|
showTime: showTime,
|
|
401
403
|
format: format,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RelativeMode, Texts,
|
|
1
|
+
import { RelativeMode, Texts, DateRangePickerProps } from '../../../DateRangePicker.types';
|
|
2
2
|
import { DateRange, RelativeDateRange, RelativeUnits } from '../../../date.types';
|
|
3
3
|
export type Props = {
|
|
4
4
|
ranges?: DateRange[];
|
package/dist/utils.js
CHANGED
|
@@ -90,69 +90,98 @@ export var normalizeRange = function normalizeRange(range) {
|
|
|
90
90
|
return absoluteRange;
|
|
91
91
|
};
|
|
92
92
|
|
|
93
|
-
var getIntlMessage = function getIntlMessage(textMessageId, intl, areDefaultTextsDisabled) {
|
|
93
|
+
var getIntlMessage = function getIntlMessage(textMessageId, intl, areDefaultTextsDisabled, defaultMessage) {
|
|
94
94
|
return areDefaultTextsDisabled ? '' : intl.formatMessage({
|
|
95
|
-
id: textMessageId
|
|
95
|
+
id: textMessageId,
|
|
96
|
+
defaultMessage: defaultMessage
|
|
96
97
|
});
|
|
97
98
|
};
|
|
98
99
|
|
|
99
100
|
export var getDefaultTexts = function getDefaultTexts(intl, disableDefault, texts) {
|
|
100
|
-
|
|
101
|
-
apply:
|
|
102
|
-
after:
|
|
103
|
-
allTime:
|
|
104
|
-
before:
|
|
105
|
-
custom:
|
|
106
|
-
clear:
|
|
107
|
-
days:
|
|
108
|
-
emptyDateError:
|
|
109
|
-
endDate:
|
|
110
|
-
endDatePlaceholder:
|
|
111
|
-
filter:
|
|
112
|
-
hours:
|
|
113
|
-
last:
|
|
114
|
-
last3Months:
|
|
115
|
-
last6Months:
|
|
116
|
-
lastMonth:
|
|
117
|
-
lastWeek:
|
|
118
|
-
lastYear:
|
|
119
|
-
last7Days:
|
|
120
|
-
minutes:
|
|
121
|
-
months:
|
|
122
|
-
more:
|
|
123
|
-
next:
|
|
124
|
-
next3Months:
|
|
125
|
-
next6Months:
|
|
126
|
-
next7Days:
|
|
127
|
-
nextMonth:
|
|
128
|
-
nextWeek:
|
|
129
|
-
nextYear:
|
|
130
|
-
now:
|
|
131
|
-
relativeDateRange:
|
|
132
|
-
seconds:
|
|
133
|
-
selectDate:
|
|
134
|
-
selectTime:
|
|
135
|
-
since:
|
|
136
|
-
startDate:
|
|
137
|
-
startDatePlaceholder:
|
|
138
|
-
thisMonth:
|
|
139
|
-
thisWeek:
|
|
140
|
-
timestampLast:
|
|
141
|
-
timestampNext:
|
|
142
|
-
timestampTill:
|
|
143
|
-
today:
|
|
144
|
-
tomorrow:
|
|
145
|
-
weeks:
|
|
146
|
-
years:
|
|
147
|
-
yesterday:
|
|
148
|
-
pasteRange:
|
|
149
|
-
clearRange:
|
|
150
|
-
copyRange:
|
|
151
|
-
remove:
|
|
152
|
-
savedFiltersTrigger:
|
|
153
|
-
range:
|
|
154
|
-
hour:
|
|
101
|
+
var defaultTexts = {
|
|
102
|
+
apply: getIntlMessage("DS.DATE-RANGE-PICKER.APPLY", intl, disableDefault),
|
|
103
|
+
after: getIntlMessage("DS.DATE-RANGE-PICKER.AFTER", intl, disableDefault),
|
|
104
|
+
allTime: getIntlMessage("DS.DATE-RANGE-PICKER.ALL-TIME", intl, disableDefault),
|
|
105
|
+
before: getIntlMessage("DS.DATE-RANGE-PICKER.BEFORE", intl, disableDefault),
|
|
106
|
+
custom: getIntlMessage("DS.DATE-RANGE-PICKER.CUSTOM", intl, disableDefault),
|
|
107
|
+
clear: getIntlMessage("DS.DATE-RANGE-PICKER.CLEAR", intl, disableDefault),
|
|
108
|
+
days: getIntlMessage("DS.DATE-RANGE-PICKER.DAYS", intl, disableDefault),
|
|
109
|
+
emptyDateError: getIntlMessage("DS.DATE-RANGE-PICKER.EMPTY-DATE-ERROR", intl, disableDefault),
|
|
110
|
+
endDate: getIntlMessage("DS.DATE-RANGE-PICKER.END-DATE", intl, disableDefault),
|
|
111
|
+
endDatePlaceholder: getIntlMessage("DS.DATE-RANGE-PICKER.END-DATE-PLACEHOLDER", intl, disableDefault),
|
|
112
|
+
filter: getIntlMessage("DS.DATE-RANGE-PICKER.FILTER", intl, disableDefault),
|
|
113
|
+
hours: getIntlMessage("DS.DATE-RANGE-PICKER.HOURS", intl, disableDefault),
|
|
114
|
+
last: getIntlMessage("DS.DATE-RANGE-PICKER.LAST", intl, disableDefault),
|
|
115
|
+
last3Months: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-3-MONTHS", intl, disableDefault),
|
|
116
|
+
last6Months: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-6-MONTHS", intl, disableDefault),
|
|
117
|
+
lastMonth: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-MONTH", intl, disableDefault),
|
|
118
|
+
lastWeek: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-WEEK", intl, disableDefault),
|
|
119
|
+
lastYear: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-YEAR", intl, disableDefault),
|
|
120
|
+
last7Days: getIntlMessage("DS.DATE-RANGE-PICKER.LAST-7-DAYS", intl, disableDefault),
|
|
121
|
+
minutes: getIntlMessage("DS.DATE-RANGE-PICKER.MINUTES", intl, disableDefault),
|
|
122
|
+
months: getIntlMessage("DS.DATE-RANGE-PICKER.MONTHS", intl, disableDefault),
|
|
123
|
+
more: getIntlMessage("DS.DATE-RANGE-PICKER.MORE", intl, disableDefault),
|
|
124
|
+
next: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT", intl, disableDefault),
|
|
125
|
+
next3Months: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-3-MONTHS", intl, disableDefault),
|
|
126
|
+
next6Months: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-6-MONTHS", intl, disableDefault),
|
|
127
|
+
next7Days: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-7-DAYS", intl, disableDefault),
|
|
128
|
+
nextMonth: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-MONTH", intl, disableDefault),
|
|
129
|
+
nextWeek: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-WEEK", intl, disableDefault),
|
|
130
|
+
nextYear: getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-YEAR", intl, disableDefault),
|
|
131
|
+
now: getIntlMessage("DS.DATE-RANGE-PICKER.NOW", intl, disableDefault),
|
|
132
|
+
relativeDateRange: getIntlMessage("DS.DATE-RANGE-PICKER.RELATIVE-DATE-RANGE", intl, disableDefault),
|
|
133
|
+
seconds: getIntlMessage("DS.DATE-RANGE-PICKER.SECONDS", intl, disableDefault),
|
|
134
|
+
selectDate: getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-DATE", intl, disableDefault),
|
|
135
|
+
selectTime: getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-TIME", intl, disableDefault),
|
|
136
|
+
since: getIntlMessage("DS.DATE-RANGE-PICKER.SINCE", intl, disableDefault),
|
|
137
|
+
startDate: getIntlMessage("DS.DATE-RANGE-PICKER.START-DATE", intl, disableDefault),
|
|
138
|
+
startDatePlaceholder: getIntlMessage("DS.DATE-RANGE-PICKER.START-DATE-PLACEHOLDER", intl, disableDefault),
|
|
139
|
+
thisMonth: getIntlMessage("DS.DATE-RANGE-PICKER.THIS-MONTH", intl, disableDefault),
|
|
140
|
+
thisWeek: getIntlMessage("DS.DATE-RANGE-PICKER.THIS-WEEK", intl, disableDefault),
|
|
141
|
+
timestampLast: getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-LAST", intl, disableDefault),
|
|
142
|
+
timestampNext: getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-NEXT", intl, disableDefault),
|
|
143
|
+
timestampTill: getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-TILL", intl, disableDefault),
|
|
144
|
+
today: getIntlMessage("DS.DATE-RANGE-PICKER.TODAY", intl, disableDefault),
|
|
145
|
+
tomorrow: getIntlMessage("DS.DATE-RANGE-PICKER.TOMORROW", intl, disableDefault),
|
|
146
|
+
weeks: getIntlMessage("DS.DATE-RANGE-PICKER.WEEKS", intl, disableDefault),
|
|
147
|
+
years: getIntlMessage("DS.DATE-RANGE-PICKER.YEARS", intl, disableDefault),
|
|
148
|
+
yesterday: getIntlMessage("DS.DATE-RANGE-PICKER.YESTERDAY", intl, disableDefault),
|
|
149
|
+
pasteRange: getIntlMessage("DS.DATE-RANGE-PICKER.PASTE-RANGE", intl, disableDefault),
|
|
150
|
+
clearRange: getIntlMessage("DS.DATE-RANGE-PICKER.CLEAR-RANGE", intl, disableDefault, 'Clear range'),
|
|
151
|
+
copyRange: getIntlMessage("DS.DATE-RANGE-PICKER.COPY-RANGE", intl, disableDefault, 'Copy range'),
|
|
152
|
+
remove: getIntlMessage("DS.DATE-RANGE-PICKER.REMOVE", intl, disableDefault, 'Remove'),
|
|
153
|
+
savedFiltersTrigger: getIntlMessage("DS.DATE-RANGE-PICKER.SAVED-FILTERS", intl, disableDefault, 'Saved filters'),
|
|
154
|
+
range: getIntlMessage("DS.DATE-RANGE-PICKER.RANGE", intl, disableDefault, 'Range'),
|
|
155
|
+
hour: getIntlMessage("DS.DATE-RANGE-PICKER.HOUR", intl, disableDefault, 'Hour'),
|
|
156
|
+
filterEnabled: getIntlMessage("DS.DATE-RANGE-PICKER.FILTER-ENABLED", intl, disableDefault, 'Filter enabled'),
|
|
157
|
+
selectDateFilter: getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-DATE-FILTER", intl, disableDefault, 'Select date filter'),
|
|
158
|
+
datesFilter: getIntlMessage("DS.DATE-RANGE-PICKER.DATES_FILTER", intl, disableDefault, 'Date filter'),
|
|
159
|
+
cancel: getIntlMessage("DS.DATE-RANGE-PICKER.CANCEL", intl, disableDefault, 'Cancel'),
|
|
160
|
+
everyDay: getIntlMessage("DS.DATE-RANGE-PICKER.EVERY_DAY", intl, disableDefault, 'Every day'),
|
|
161
|
+
nthDayOfMonth: getIntlMessage("DS.DATE-RANGE-PICKER.NTH-DAY-OF-MONTH", intl, disableDefault),
|
|
162
|
+
daysOf: getIntlMessage("DS.DATE-RANGE-PICKER.DAYS-OF", intl, disableDefault),
|
|
163
|
+
countedFrom: getIntlMessage("DS.DATE-RANGE-PICKER.COUNTED-FROM", intl, disableDefault),
|
|
164
|
+
addRule: getIntlMessage("DS.DATE-RANGE-PICKER.ADD-RULE", intl, disableDefault),
|
|
165
|
+
addTime: getIntlMessage("DS.DATE-RANGE-PICKER.ADD-TIME", intl, disableDefault, 'Add range'),
|
|
166
|
+
change: getIntlMessage("DS.DATE-RANGE-PICKER.CHANGE", intl, disableDefault),
|
|
167
|
+
weekly: getIntlMessage("DS.DATE-RANGE-PICKER.WEEKLY", intl, disableDefault),
|
|
168
|
+
monthly: getIntlMessage("DS.DATE-RANGE-PICKER.MONTHLY", intl, disableDefault, 'Monthly'),
|
|
169
|
+
daily: getIntlMessage("DS.DATE-RANGE-PICKER.DAILY", intl, disableDefault, 'Daily'),
|
|
170
|
+
filterName: getIntlMessage("DS.DATE-RANGE-PICKER.FILTER-NAME", intl, disableDefault, 'Filter name'),
|
|
171
|
+
saveFilter: getIntlMessage("DS.DATE-RANGE-PICKER.SAVE-FILTER", intl, disableDefault, 'Save filter'),
|
|
172
|
+
selected: getIntlMessage("DS.DATE-RANGE-PICKER.SELECTED", intl, disableDefault, 'Selected'),
|
|
173
|
+
selectDaysDescription: getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-DAYS-DESCRIPTION", intl, disableDefault),
|
|
174
|
+
selectAll: getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-ALL", intl, disableDefault, 'Select all'),
|
|
175
|
+
unselectAll: getIntlMessage("DS.DATE-RANGE-PICKER.UNSELECT-ALL", intl, disableDefault, 'Unselect all'),
|
|
176
|
+
inverseSelection: getIntlMessage("DS.DATE-RANGE-PICKER.FILTER-INVERSE-SELECTION", intl, disableDefault),
|
|
177
|
+
setTimeFor: getIntlMessage("DS.DATE-RANGE-PICKER.SET_TIME_FOR", intl, disableDefault),
|
|
178
|
+
week: getIntlMessage("DS.DATE-RANGE-PICKER.IN-WEEK", intl, disableDefault),
|
|
179
|
+
month: getIntlMessage("DS.DATE-RANGE-PICKER.IN-MONTH", intl, disableDefault),
|
|
180
|
+
beginning: getIntlMessage("DS.DATE-RANGE-PICKER.BEGINNING", intl, disableDefault),
|
|
181
|
+
ending: getIntlMessage("DS.DATE-RANGE-PICKER.END", intl, disableDefault),
|
|
182
|
+
maximumRanges: getIntlMessage('DS.DATE-RANGE-PICKER.MAXIMUM-RANGES-MESSAGE', intl, disableDefault, 'The maximum amount of ranges have been selected.')
|
|
155
183
|
};
|
|
184
|
+
return _objectSpread({}, defaultTexts, {}, texts);
|
|
156
185
|
};
|
|
157
186
|
export var DEFAULT_RANGE = normalizeRange({
|
|
158
187
|
key: undefined,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-range-picker",
|
|
3
|
-
"version": "0.26.
|
|
3
|
+
"version": "0.26.6",
|
|
4
4
|
"description": "Date-Range-Picker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -34,24 +34,24 @@
|
|
|
34
34
|
"types": "dist/index.d.ts",
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@date-fns/upgrade": "^1.0.3",
|
|
37
|
-
"@synerise/ds-badge": "^0.6.
|
|
38
|
-
"@synerise/ds-button": "^0.
|
|
39
|
-
"@synerise/ds-button-group": "^0.6.
|
|
37
|
+
"@synerise/ds-badge": "^0.6.48",
|
|
38
|
+
"@synerise/ds-button": "^0.19.0",
|
|
39
|
+
"@synerise/ds-button-group": "^0.6.40",
|
|
40
40
|
"@synerise/ds-data-format": "^0.4.7",
|
|
41
|
-
"@synerise/ds-date-picker": "^0.10.
|
|
42
|
-
"@synerise/ds-dropdown": "^0.17.
|
|
43
|
-
"@synerise/ds-icon": "^0.
|
|
44
|
-
"@synerise/ds-inline-edit": "^0.6.
|
|
45
|
-
"@synerise/ds-input": "^0.19.
|
|
46
|
-
"@synerise/ds-input-number": "^0.9.
|
|
47
|
-
"@synerise/ds-manageable-list": "^0.26.
|
|
48
|
-
"@synerise/ds-menu": "^0.18.
|
|
49
|
-
"@synerise/ds-scrollbar": "^0.7.
|
|
50
|
-
"@synerise/ds-select": "^0.15.
|
|
51
|
-
"@synerise/ds-slider": "^0.13.
|
|
52
|
-
"@synerise/ds-tags": "^0.8.
|
|
53
|
-
"@synerise/ds-time-picker": "^0.9.
|
|
54
|
-
"@synerise/ds-tooltip": "^0.14.
|
|
41
|
+
"@synerise/ds-date-picker": "^0.10.32",
|
|
42
|
+
"@synerise/ds-dropdown": "^0.17.94",
|
|
43
|
+
"@synerise/ds-icon": "^0.60.0",
|
|
44
|
+
"@synerise/ds-inline-edit": "^0.6.94",
|
|
45
|
+
"@synerise/ds-input": "^0.19.15",
|
|
46
|
+
"@synerise/ds-input-number": "^0.9.2",
|
|
47
|
+
"@synerise/ds-manageable-list": "^0.26.25",
|
|
48
|
+
"@synerise/ds-menu": "^0.18.11",
|
|
49
|
+
"@synerise/ds-scrollbar": "^0.7.3",
|
|
50
|
+
"@synerise/ds-select": "^0.15.33",
|
|
51
|
+
"@synerise/ds-slider": "^0.13.12",
|
|
52
|
+
"@synerise/ds-tags": "^0.8.28",
|
|
53
|
+
"@synerise/ds-time-picker": "^0.9.11",
|
|
54
|
+
"@synerise/ds-tooltip": "^0.14.16",
|
|
55
55
|
"@synerise/ds-utils": "^0.24.24",
|
|
56
56
|
"date-fns": "^2.16.1",
|
|
57
57
|
"dayjs": "^1.8.35",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"@testing-library/user-event": "^10.3.1",
|
|
74
74
|
"@types/ramda": "^0.28.23"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "e5a143a9e2d157a2cbb9db7a5ef67e2f10acef84"
|
|
77
77
|
}
|