@synerise/ds-date-range-picker 0.26.5 → 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.
Files changed (37) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +94 -0
  3. package/dist/DateRangePicker.types.d.ts +4 -4
  4. package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js +1 -5
  5. package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.js +3 -16
  6. package/dist/RangeFilter/Filters/new/Daily/Daily.d.ts +1 -1
  7. package/dist/RangeFilter/Filters/new/Daily/Daily.js +8 -6
  8. package/dist/RangeFilter/Filters/new/Daily/Daily.types.d.ts +2 -0
  9. package/dist/RangeFilter/Filters/new/Monthly/Monthly.d.ts +1 -1
  10. package/dist/RangeFilter/Filters/new/Monthly/Monthly.js +15 -23
  11. package/dist/RangeFilter/Filters/new/Monthly/Monthly.types.d.ts +2 -0
  12. package/dist/RangeFilter/Filters/new/Weekly/Weekly.d.ts +1 -1
  13. package/dist/RangeFilter/Filters/new/Weekly/Weekly.js +44 -52
  14. package/dist/RangeFilter/Filters/new/Weekly/Weekly.types.d.ts +2 -0
  15. package/dist/RangeFilter/RangeFilter.js +7 -18
  16. package/dist/RangeFilter/RangeFilter.types.d.ts +2 -2
  17. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.js +5 -12
  18. package/dist/RangeFilter/Shared/RangeFilterStatus/RangeFilterStatus.types.d.ts +3 -2
  19. package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.js +4 -11
  20. package/dist/RangeFilter/Shared/SaveFilterForm/SaveFilterForm.types.d.ts +2 -0
  21. package/dist/RangeFilter/Shared/TimeWindow/Day/Day.js +1 -1
  22. package/dist/RangeFilter/Shared/TimeWindow/Day/Day.types.d.ts +1 -1
  23. package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.js +3 -9
  24. package/dist/RangeFilter/Shared/TimeWindow/Grid/Grid.types.d.ts +3 -4
  25. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.js +4 -4
  26. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types.d.ts +3 -2
  27. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.js +4 -8
  28. package/dist/RangeFilter/Shared/TimeWindow/RangeFormContainer/RangeFormContainer.types.d.ts +1 -1
  29. package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js +3 -7
  30. package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.types.d.ts +2 -0
  31. package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js +4 -12
  32. package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.types.d.ts +3 -8
  33. package/dist/RawDateRangePicker.d.ts +10 -6
  34. package/dist/RawDateRangePicker.js +58 -56
  35. package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.d.ts +1 -1
  36. package/dist/utils.js +86 -57
  37. package/package.json +3 -3
package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.js CHANGED
@@ -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
- var intl = useIntl();
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, intl.formatMessage({
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;
package/dist/RangeFilter/Shared/TimeWindow/RangeSummary/RangeSummary.types.d.ts CHANGED
@@ -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;
package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js CHANGED
@@ -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: intl.formatMessage({
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: intl.formatMessage({
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: intl.formatMessage({
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
  };
package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.types.d.ts CHANGED
@@ -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?: TimeWindowTexts & GridTexts;
60
+ texts: TimeWindowTexts & GridTexts;
66
61
  renderRangeFormSuffix?: () => React.ReactNode;
67
62
  timePickerProps?: Partial<TimePickerProps>;
68
63
  } & Partial<RangeActions> & WithDataFormatProps & WithDisabledProp & WrappedComponentProps;
package/dist/RawDateRangePicker.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import React, { PureComponent } from 'react';
2
- import type { DateRangePickerProps, DateRangePickerProps as Props, State, AddonType } from './DateRangePicker.types';
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
- export declare class RawDateRangePicker extends PureComponent<DateRangePickerProps, State> {
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: DateRangePickerProps);
18
- componentDidUpdate(prevProps: Readonly<Props>): void;
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<DateRangePickerProps, "intl"> & {
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<DateRangePickerProps>;
37
+ WrappedComponent: React.ComponentType<RawDateRangePickerProps>;
34
38
  };
35
39
  export default _default;
package/dist/RawDateRangePicker.js CHANGED
@@ -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$props = _this.props,
115
- onValueChange = _this$props.onValueChange,
116
- valueTransformer = _this$props.valueTransformer,
117
- isTruncateMs = _this$props.isTruncateMs;
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$props2 = _this.props,
160
- forceAbsolute = _this$props2.forceAbsolute,
161
- onApply = _this$props2.onApply,
162
- valueTransformer = _this$props2.valueTransformer;
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$props3 = _this.props,
216
- showRelativePicker = _this$props3.showRelativePicker,
217
- showFilter = _this$props3.showFilter,
218
- relativeFuture = _this$props3.relativeFuture,
219
- relativePast = _this$props3.relativePast,
220
- ranges = _this$props3.ranges,
221
- relativeModes = _this$props3.relativeModes,
222
- texts = _this$props3.texts,
223
- intl = _this$props3.intl,
224
- rangeUnits = _this$props3.rangeUnits,
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: 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: texts == null ? void 0 : texts.relativeDateRange,
258
+ title: allTexts.relativeDateRange,
251
259
  onCollapseChange: function onCollapseChange(expanded) {
252
260
  return _this.handleAddonCollapse(addonKey, expanded);
253
261
  },
254
- collapsedSummary: rangeTranslationKey && texts[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 ? intl.formatMessage({
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: 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$props4 = this.props,
306
- showTime = _this$props4.showTime,
307
- format = _this$props4.format,
308
- valueFormatOptions = _this$props4.valueFormatOptions,
309
- disabledDate = _this$props4.disabledDate,
310
- validate = _this$props4.validate,
311
- forceAdjacentMonths = _this$props4.forceAdjacentMonths,
312
- texts = _this$props4.texts,
313
- savedFilters = _this$props4.savedFilters,
314
- onFilterSave = _this$props4.onFilterSave,
315
- intl = _this$props4.intl,
316
- _this$props4$containe = _this$props4.containerClass,
317
- containerClass = _this$props4$containe === void 0 ? 'ds-date-range-picker' : _this$props4$containe,
318
- footerProps = _this$props4.footerProps,
319
- allowedFilterTypes = _this$props4.allowedFilterTypes,
320
- _this$props4$disableA = _this$props4.disableAbsoluteTimepickerInRelative,
321
- disableAbsoluteTimepickerInRelative = _this$props4$disableA === void 0 ? false : _this$props4$disableA,
322
- filterValueSelectionModes = _this$props4.filterValueSelectionModes,
323
- filterRangeDisplayMode = _this$props4.filterRangeDisplayMode,
324
- _this$props4$showNowB = _this$props4.showNowButton,
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: 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: 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: texts,
400
+ texts: allTexts,
399
401
  value: value,
400
402
  showTime: showTime,
401
403
  format: format,
package/dist/RelativeRangePicker/Elements/CustomRangeForm/CustomRangeForm.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { RelativeMode, Texts, Props as DateRangePickerProps } from '../../../DateRangePicker.types';
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
- return {
101
- apply: (texts == null ? void 0 : texts.apply) || getIntlMessage("DS.DATE-RANGE-PICKER.APPLY", intl, disableDefault),
102
- after: (texts == null ? void 0 : texts.after) || getIntlMessage("DS.DATE-RANGE-PICKER.AFTER", intl, disableDefault),
103
- allTime: (texts == null ? void 0 : texts.allTime) || getIntlMessage("DS.DATE-RANGE-PICKER.ALL-TIME", intl, disableDefault),
104
- before: (texts == null ? void 0 : texts.before) || getIntlMessage("DS.DATE-RANGE-PICKER.BEFORE", intl, disableDefault),
105
- custom: (texts == null ? void 0 : texts.custom) || getIntlMessage("DS.DATE-RANGE-PICKER.CUSTOM", intl, disableDefault),
106
- clear: (texts == null ? void 0 : texts.clear) || getIntlMessage("DS.DATE-RANGE-PICKER.CLEAR", intl, disableDefault),
107
- days: (texts == null ? void 0 : texts.days) || getIntlMessage("DS.DATE-RANGE-PICKER.DAYS", intl, disableDefault),
108
- emptyDateError: (texts == null ? void 0 : texts.emptyDateError) || getIntlMessage("DS.DATE-RANGE-PICKER.EMPTY-DATE-ERROR", intl, disableDefault),
109
- endDate: (texts == null ? void 0 : texts.endDate) || getIntlMessage("DS.DATE-RANGE-PICKER.END-DATE", intl, disableDefault),
110
- endDatePlaceholder: (texts == null ? void 0 : texts.endDatePlaceholder) || getIntlMessage("DS.DATE-RANGE-PICKER.END-DATE-PLACEHOLDER", intl, disableDefault),
111
- filter: (texts == null ? void 0 : texts.filter) || getIntlMessage("DS.DATE-RANGE-PICKER.FILTER", intl, disableDefault),
112
- hours: (texts == null ? void 0 : texts.hours) || getIntlMessage("DS.DATE-RANGE-PICKER.HOURS", intl, disableDefault),
113
- last: (texts == null ? void 0 : texts.last) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST", intl, disableDefault),
114
- last3Months: (texts == null ? void 0 : texts.last3Months) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-3-MONTHS", intl, disableDefault),
115
- last6Months: (texts == null ? void 0 : texts.last6Months) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-6-MONTHS", intl, disableDefault),
116
- lastMonth: (texts == null ? void 0 : texts.lastMonth) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-MONTH", intl, disableDefault),
117
- lastWeek: (texts == null ? void 0 : texts.lastWeek) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-WEEK", intl, disableDefault),
118
- lastYear: (texts == null ? void 0 : texts.lastYear) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-YEAR", intl, disableDefault),
119
- last7Days: (texts == null ? void 0 : texts.last7Days) || getIntlMessage("DS.DATE-RANGE-PICKER.LAST-7-DAYS", intl, disableDefault),
120
- minutes: (texts == null ? void 0 : texts.minutes) || getIntlMessage("DS.DATE-RANGE-PICKER.MINUTES", intl, disableDefault),
121
- months: (texts == null ? void 0 : texts.months) || getIntlMessage("DS.DATE-RANGE-PICKER.MONTHS", intl, disableDefault),
122
- more: (texts == null ? void 0 : texts.more) || getIntlMessage("DS.DATE-RANGE-PICKER.MORE", intl, disableDefault),
123
- next: (texts == null ? void 0 : texts.next) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT", intl, disableDefault),
124
- next3Months: (texts == null ? void 0 : texts.next3Months) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-3-MONTHS", intl, disableDefault),
125
- next6Months: (texts == null ? void 0 : texts.next6Months) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-6-MONTHS", intl, disableDefault),
126
- next7Days: (texts == null ? void 0 : texts.next7Days) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-7-DAYS", intl, disableDefault),
127
- nextMonth: (texts == null ? void 0 : texts.nextMonth) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-MONTH", intl, disableDefault),
128
- nextWeek: (texts == null ? void 0 : texts.nextWeek) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-WEEK", intl, disableDefault),
129
- nextYear: (texts == null ? void 0 : texts.nextYear) || getIntlMessage("DS.DATE-RANGE-PICKER.NEXT-YEAR", intl, disableDefault),
130
- now: (texts == null ? void 0 : texts.now) || getIntlMessage("DS.DATE-RANGE-PICKER.NOW", intl, disableDefault),
131
- relativeDateRange: (texts == null ? void 0 : texts.relativeDateRange) || getIntlMessage("DS.DATE-RANGE-PICKER.RELATIVE-DATE-RANGE", intl, disableDefault),
132
- seconds: (texts == null ? void 0 : texts.seconds) || getIntlMessage("DS.DATE-RANGE-PICKER.SECONDS", intl, disableDefault),
133
- selectDate: (texts == null ? void 0 : texts.selectDate) || getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-DATE", intl, disableDefault),
134
- selectTime: (texts == null ? void 0 : texts.selectTime) || getIntlMessage("DS.DATE-RANGE-PICKER.SELECT-TIME", intl, disableDefault),
135
- since: (texts == null ? void 0 : texts.since) || getIntlMessage("DS.DATE-RANGE-PICKER.SINCE", intl, disableDefault),
136
- startDate: (texts == null ? void 0 : texts.startDate) || getIntlMessage("DS.DATE-RANGE-PICKER.START-DATE", intl, disableDefault),
137
- startDatePlaceholder: (texts == null ? void 0 : texts.startDatePlaceholder) || getIntlMessage("DS.DATE-RANGE-PICKER.START-DATE-PLACEHOLDER", intl, disableDefault),
138
- thisMonth: (texts == null ? void 0 : texts.thisMonth) || getIntlMessage("DS.DATE-RANGE-PICKER.THIS-MONTH", intl, disableDefault),
139
- thisWeek: (texts == null ? void 0 : texts.thisWeek) || getIntlMessage("DS.DATE-RANGE-PICKER.THIS-WEEK", intl, disableDefault),
140
- timestampLast: (texts == null ? void 0 : texts.timestampLast) || getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-LAST", intl, disableDefault),
141
- timestampNext: (texts == null ? void 0 : texts.timestampNext) || getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-NEXT", intl, disableDefault),
142
- timestampTill: (texts == null ? void 0 : texts.timestampTill) || getIntlMessage("DS.DATE-RANGE-PICKER.TIMESTAMP-TILL", intl, disableDefault),
143
- today: (texts == null ? void 0 : texts.today) || getIntlMessage("DS.DATE-RANGE-PICKER.TODAY", intl, disableDefault),
144
- tomorrow: (texts == null ? void 0 : texts.tomorrow) || getIntlMessage("DS.DATE-RANGE-PICKER.TOMORROW", intl, disableDefault),
145
- weeks: (texts == null ? void 0 : texts.weeks) || getIntlMessage("DS.DATE-RANGE-PICKER.WEEKS", intl, disableDefault),
146
- years: (texts == null ? void 0 : texts.years) || getIntlMessage("DS.DATE-RANGE-PICKER.YEARS", intl, disableDefault),
147
- yesterday: (texts == null ? void 0 : texts.yesterday) || getIntlMessage("DS.DATE-RANGE-PICKER.YESTERDAY", intl, disableDefault),
148
- pasteRange: (texts == null ? void 0 : texts.pasteRange) || getIntlMessage("DS.DATE-RANGE-PICKER.PASTE-RANGE", intl, disableDefault),
149
- clearRange: (texts == null ? void 0 : texts.clearRange) || getIntlMessage("DS.DATE-RANGE-PICKER.CLEAR-RANGE", intl, disableDefault),
150
- copyRange: (texts == null ? void 0 : texts.copyRange) || getIntlMessage("DS.DATE-RANGE-PICKER.COPY-RANGE", intl, disableDefault),
151
- remove: (texts == null ? void 0 : texts.remove) || getIntlMessage("DS.DATE-RANGE-PICKER.REMOVE", intl, disableDefault),
152
- savedFiltersTrigger: (texts == null ? void 0 : texts.savedFiltersTrigger) || getIntlMessage("DS.DATE-RANGE-PICKER.SAVED-FILTERS", intl, disableDefault),
153
- range: (texts == null ? void 0 : texts.range) || getIntlMessage("DS.DATE-RANGE-PICKER.RANGE", intl, disableDefault),
154
- hour: (texts == null ? void 0 : texts.hour) || getIntlMessage("DS.DATE-RANGE-PICKER.HOUR", intl, disableDefault)
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.5",
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",
@@ -44,7 +44,7 @@
44
44
  "@synerise/ds-inline-edit": "^0.6.94",
45
45
  "@synerise/ds-input": "^0.19.15",
46
46
  "@synerise/ds-input-number": "^0.9.2",
47
- "@synerise/ds-manageable-list": "^0.26.24",
47
+ "@synerise/ds-manageable-list": "^0.26.25",
48
48
  "@synerise/ds-menu": "^0.18.11",
49
49
  "@synerise/ds-scrollbar": "^0.7.3",
50
50
  "@synerise/ds-select": "^0.15.33",
@@ -73,5 +73,5 @@
73
73
  "@testing-library/user-event": "^10.3.1",
74
74
  "@types/ramda": "^0.28.23"
75
75
  },
76
- "gitHead": "9e7d97fc5f8a9fd938b38e9d1678e050e0478e0e"
76
+ "gitHead": "e5a143a9e2d157a2cbb9db7a5ef67e2f10acef84"
77
77
  }