@synerise/ds-date-range-picker 0.24.10 → 0.25.1

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.js

@@ -4,8 +4,7 @@ import InputNumber from '@synerise/ds-input-number';
 import set from 'ramda/src/set';
 import lensPath from 'ramda/src/lensPath';
 import * as S from '../../../RelativeRangePicker.styles';
-import * as CONST from '../../../../constants';
-import { RANGES_MODE } from '../../../utils';
+import { RELATIVE_UNITS, RANGES_MODE, RELATIVE_DURATION_MAX } from '../../../../constants';
 export var setDurationType = set(lensPath(['duration', 'type']));
 var SELECT_DROPDOWN_OFFSET = -4;
 
@@ -26,7 +25,7 @@ var DurationField = function DurationField(_ref) {
     compact: true
   }, /*#__PURE__*/React.createElement(InputNumber, {
     min: 1,
-    max: CONST.RELATIVE_DURATION_MAX,
+    max: RELATIVE_DURATION_MAX,
     precision: 0,
     step: 1,
     value: duration == null ? void 0 : duration.value,
@@ -48,7 +47,7 @@ var DurationField = function DurationField(_ref) {
     getPopupContainer: function getPopupContainer(node) {
       return node.parentElement != null ? node.parentElement : document.body;
     }
-  }, (rangeUnits || CONST.RELATIVE_UNITS).map(function (type) {
+  }, (rangeUnits || RELATIVE_UNITS).map(function (type) {
     return /*#__PURE__*/React.createElement(Select.Option, {
       key: type,
       value: type

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.js

@@ -2,8 +2,7 @@ import * as React from 'react';
 import Select from '@synerise/ds-select';
 import InputNumber from '@synerise/ds-input-number';
 import * as S from '../../../RelativeRangePicker.styles';
-import * as CONST from '../../../../constants';
-import { RANGES_MODE } from '../../../utils';
+import { RELATIVE_UNITS, RANGES_MODE, RELATIVE_OFFSET_MAX } from '../../../../constants';
 import { setOffsetType } from '../CustomRangeForm';
 var SELECT_DROPDOWN_OFFSET = -4;
 
@@ -24,7 +23,7 @@ var OffsetField = function OffsetField(_ref) {
     compact: true
   }, /*#__PURE__*/React.createElement(InputNumber, {
     min: 0,
-    max: CONST.RELATIVE_OFFSET_MAX,
+    max: RELATIVE_OFFSET_MAX,
     precision: 0,
     step: 1,
     value: offset == null ? void 0 : offset.value,
@@ -45,7 +44,7 @@ var OffsetField = function OffsetField(_ref) {
     getPopupContainer: function getPopupContainer(node) {
       return node.parentElement != null ? node.parentElement : document.body;
     }
-  }, (rangeUnits || CONST.RELATIVE_UNITS).map(function (type) {
+  }, (rangeUnits || RELATIVE_UNITS).map(function (type) {
     return /*#__PURE__*/React.createElement(Select.Option, {
       key: type,
       value: type

package/dist/RelativeRangePicker/Elements/ModeDropdown/ModeDropdown.js

@@ -3,7 +3,7 @@ import Icon, { CheckS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import { useOnClickOutside } from '@synerise/ds-utils';
 import * as S from '../../RelativeRangePicker.styles';
-import { RANGES_ICON } from '../../utils';
+import { RANGES_ICON } from '../../../constants';
 var MODE_TRANSLATION_KEYS = {
   PAST: 'last',
   FUTURE: 'next',

package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Props } from './RangeButtons.types';
-declare const RangeButtons: React.FC<Props>;
+declare const RangeButtons: ({ ranges, currentRange, texts, onChange }: Props) => JSX.Element;
 export default RangeButtons;

package/dist/RelativeRangePicker/Elements/RangeButtons/RangeButtons.js

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import * as S from '../../RelativeRangePicker.styles';
+import { isLifetime } from '../RangeDropdown/RangeDropdown';
+import { ALL_TIME } from '../../../constants';
+import { findMatchingPreset } from '../../utils';
 
 var RangeButtons = function RangeButtons(_ref) {
   var ranges = _ref.ranges,
       currentRange = _ref.currentRange,
       texts = _ref.texts,
       onChange = _ref.onChange;
+  var matchingPreset = findMatchingPreset(currentRange);
   return /*#__PURE__*/React.createElement(React.Fragment, null, ranges.map(function (range) {
     return /*#__PURE__*/React.createElement(S.Range, {
       "data-testid": "relative-range-preset-" + (range.key || range.id),
@@ -13,7 +17,7 @@ var RangeButtons = function RangeButtons(_ref) {
       onClick: function onClick() {
         onChange && onChange(range);
       },
-      type: currentRange && currentRange.key === range.key ? 'primary' : 'tertiary'
+      type: matchingPreset && matchingPreset.key === range.key || isLifetime(currentRange) && range.key === ALL_TIME ? 'primary' : 'tertiary'
     }, range.translationKey ? texts[range.translationKey] : texts == null ? void 0 : texts.custom);
   }));
 };

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js

@@ -67,8 +67,9 @@ var RangeDropdown = function RangeDropdown(_ref) {
     return isEqual(transformedCurrentRange, r);
   }, mappedRanges);
   var containsCurrentRange = currentRange && find(function (range) {
-    return range.key === currentRange.key;
-  }, ranges) || isLifetime(currentRange) || anyOfTransformedRangesMatchesCurrentRange;
+    var key = isLifetime(currentRange) ? ALL_TIME : currentRange.key;
+    return range.key === key;
+  }, ranges) || anyOfTransformedRangesMatchesCurrentRange;
   var overlay = /*#__PURE__*/React.createElement(S.OverlayWrapper, {
     visible: dropVisible,
     width: DROPDOWN_WIDTH

package/dist/RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.types.d.ts

@@ -1,10 +1,10 @@
-import { AbsoluteDateRange, DateRange, RelativeDateRange } from '../../../date.types';
+import { DateRange } from '../../../date.types';
 import { DateRangePickerProps, Texts } from '../../../DateRangePicker.types';
 export type RangeDropdownProps = {
     ranges: DateRange[];
-    currentRange: RelativeDateRange;
+    currentRange: DateRange;
     texts: Texts;
-    onChange: (range: AbsoluteDateRange | RelativeDateRange | undefined) => void;
+    onChange: (range: DateRange | undefined) => void;
     valueTransformer?: ((value: DateRange | object) => DateRange | object) | DateRangePickerProps['valueTransformer'];
 };
 /**

package/dist/RelativeRangePicker/RelativeRangePicker.js

@@ -16,10 +16,10 @@ import getRelativePresetForRange from '../dateUtils/getRelativePresetForRange';
 import RangeButtons from './Elements/RangeButtons/RangeButtons';
 import RangeDropdown from './Elements/RangeDropdown/RangeDropdown';
 import CustomRangeForm from './Elements/CustomRangeForm/CustomRangeForm';
-import { getCurrentGroupFromProps, RANGES_MODE, getDefaultCustomRange, setFuture, setOffsetValue, setDurationValue } from './utils';
+import { getCurrentGroupFromProps, getDefaultCustomRange, setFuture, setOffsetValue, setDurationValue, updatePresetKey, findMatchingPreset } from './utils';
 import { fnsIsAfter } from '../fns';
 import { DEFAULT_RANGE, normalizeRange } from '../utils';
-import { CUSTOM_RANGE_KEY } from '../constants';
+import { CUSTOM_RANGE_KEY, RANGES_MODE } from '../constants';
 
 var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(RelativeRangePicker, _React$PureComponent);
@@ -27,8 +27,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
   function RelativeRangePicker(props) {
     var _this;
 
-    _this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line
-    // @ts-ignore
+    _this = _React$PureComponent.call(this, props) || this; // @ts-ignore
     // eslint-disable-next-line
 
     _defineProperty(_assertThisInitialized(_this), "onModeChange", function (mode) {
@@ -91,7 +90,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
       }); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 
-      var resultRange = normalizeRange(changes);
+      var resultRange = normalizeRange(updatePresetKey(changes));
 
       if ((resultRange == null ? void 0 : resultRange.translationKey) === CUSTOM_RANGE_KEY) {
         _this.setState({
@@ -227,22 +226,25 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
   _proto.render = function render() {
     var _this$props4 = this.props,
         texts = _this$props4.texts,
-        value = _this$props4.value,
         showCustomRange = _this$props4.showCustomRange;
     var _this$state3 = this.state,
         groupedRanges = _this$state3.groupedRanges,
         currentGroup = _this$state3.currentGroup,
         currentRange = _this$state3.currentRange;
-    var isCustomValue = currentRange.type === 'RELATIVE' && (currentRange.key === 'CUSTOM' || !(value != null && value.key) || !(currentRange != null && currentRange.key));
-    var visibleRanges = groupedRanges ? groupedRanges.slice(0, 3) : [];
-    var hiddenRanges = groupedRanges ? groupedRanges.slice(3) : [];
+    var isCustomValue = currentRange.type === 'RELATIVE' && !findMatchingPreset(currentRange);
+    var orderedGroupedRanges = groupedRanges == null ? void 0 : groupedRanges.sort(function (a, b) {
+      return CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(a.key) - CONST.RELATIVE_SECTION_BUTTON_KEYS_ORDER.indexOf(b.key);
+    });
+    var visibleRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(0, 4) : [];
+    var hiddenRanges = orderedGroupedRanges ? orderedGroupedRanges.slice(4) : [];
+    var displayRangeForm = isCustomValue || currentRange && currentRange.type === CONST.RELATIVE;
     if (!currentGroup) return null;
     return /*#__PURE__*/React.createElement(S.Container, null, /*#__PURE__*/React.createElement(S.Ranges, null, showCustomRange && /*#__PURE__*/React.createElement(S.Range, {
       "data-testid": "relative-range-preset-" + CUSTOM_RANGE_KEY,
       key: CUSTOM_RANGE_KEY,
       onClick: this.handleCustomClick,
       type: isCustomValue ? 'primary' : 'tertiary'
-    }, texts == null ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), isCustomValue && showCustomRange && this.renderCustomRangeForm());
+    }, texts == null ? void 0 : texts.custom), this.renderRanges(visibleRanges), this.renderRangesDropdown(hiddenRanges)), displayRangeForm && this.renderCustomRangeForm());
   };
 
   return RelativeRangePicker;

package/dist/RelativeRangePicker/RelativeRangePicker.types.d.ts

@@ -1,8 +1,8 @@
 import { IntlShape } from 'react-intl';
-import { DateRange, RelativeDateRange } from '../date.types';
+import { DateRangePreset, DateRange, RelativeDateRange } from '../date.types';
 import { DateRangePickerProps, RelativeMode, Texts } from '../DateRangePicker.types';
 export type RelativeRangePickerProps = {
-    ranges?: DateRange[];
+    ranges?: DateRangePreset[];
     value: DateRange;
     onChange: (range: DateRange | undefined) => void;
     future?: boolean;
@@ -21,7 +21,7 @@ export type State = {
     past: boolean;
     showCustomForm: boolean;
     currentRange: RelativeDateRange;
-    groupedRanges?: DateRange[];
+    groupedRanges?: DateRangePreset[];
     sinceTimestamp?: Date | undefined;
     lastCustomRange?: RelativeDateRange;
 };

package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { DateRange } from '../../date.types';
+export declare const findMatchingPreset: (range: DateRange) => {
+    type: "SINCE" | "RELATIVE";
+    offset: {
+        type: import("../../date.types").RelativeUnits;
+        value: number;
+    };
+    duration: import("../../date.types").Duration;
+    from?: import("../../date.types").NullableDateLimit | undefined;
+    to?: import("../../date.types").NullableDateLimit | undefined;
+    key: string;
+    future?: boolean | undefined;
+    filter?: import("../../date.types").DateFilter | undefined;
+    translationKey?: string | undefined;
+    id?: import("react").ReactText | undefined;
+    timestamp?: Date | undefined;
+} | undefined;

package/dist/RelativeRangePicker/utils/findMatchingPreset.utils.js

@@ -0,0 +1,20 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+import * as CONST from '../../constants';
+export var findMatchingPreset = function findMatchingPreset(range) {
+  if (!range || range.type !== CONST.RELATIVE) {
+    return;
+  }
+
+  var matchingPreset = CONST.RELATIVE_PRESETS.find(function (preset) {
+    var _preset$offset, _range$offset, _preset$offset2, _range$offset2, _preset$duration, _range$duration, _preset$duration2, _range$duration2;
+
+    return Boolean(preset.future) === Boolean(range.future) && ((_preset$offset = preset.offset) == null ? void 0 : _preset$offset.type) === ((_range$offset = range.offset) == null ? void 0 : _range$offset.type) && ((_preset$offset2 = preset.offset) == null ? void 0 : _preset$offset2.value) === ((_range$offset2 = range.offset) == null ? void 0 : _range$offset2.value) && ((_preset$duration = preset.duration) == null ? void 0 : _preset$duration.type) === ((_range$duration = range.duration) == null ? void 0 : _range$duration.type) && ((_preset$duration2 = preset.duration) == null ? void 0 : _preset$duration2.value) === ((_range$duration2 = range.duration) == null ? void 0 : _range$duration2.value);
+  }); // eslint-disable-next-line consistent-return
+
+  return matchingPreset && _objectSpread({}, matchingPreset);
+};

package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.d.ts

@@ -0,0 +1,3 @@
+import { RelativeRangePickerProps } from '../RelativeRangePicker.types';
+import { RelativeMode } from '../../DateRangePicker.types';
+export declare function getCurrentGroupFromProps({ relativeModes }: RelativeRangePickerProps): RelativeMode | null;

package/dist/RelativeRangePicker/utils/getCurrentGroupFromProps.utils.js

@@ -0,0 +1,9 @@
+export function getCurrentGroupFromProps(_ref) {
+  var relativeModes = _ref.relativeModes;
+
+  if (!!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
+    return relativeModes[0];
+  }
+
+  return null;
+}

package/dist/RelativeRangePicker/utils/getDefaultCustomRange.utils.d.ts

@@ -0,0 +1,2 @@
+import { RelativeDateRange } from '../../date.types';
+export declare const getDefaultCustomRange: (currentGroup: string | null) => RelativeDateRange;

package/dist/RelativeRangePicker/utils/getDefaultCustomRange.utils.js

@@ -0,0 +1,17 @@
+import { RELATIVE, RANGES_MODE } from '../../constants';
+export var getDefaultCustomRange = function getDefaultCustomRange(currentGroup) {
+  return {
+    type: RELATIVE,
+    from: undefined,
+    to: undefined,
+    future: currentGroup === RANGES_MODE.FUTURE,
+    offset: {
+      type: 'DAYS',
+      value: 0
+    },
+    duration: {
+      type: 'DAYS',
+      value: 30
+    }
+  };
+};

package/dist/RelativeRangePicker/utils/index.d.ts

@@ -0,0 +1,8 @@
+export { findMatchingPreset } from './findMatchingPreset.utils';
+export { setFuture } from './setFuture.utils';
+export { updatePresetKey } from './updatePresetKey.utils';
+export { setDurationValue } from './setDurationValue.utils';
+export { setOffsetValue } from './setOffsetValue.utils';
+export { getDefaultCustomRange } from './getDefaultCustomRange.utils';
+export { getCurrentGroupFromProps } from './getCurrentGroupFromProps.utils';
+export { isAbsolute } from './isAbsolute.utils';

package/dist/RelativeRangePicker/utils/index.js

@@ -0,0 +1,8 @@
+export { findMatchingPreset } from './findMatchingPreset.utils';
+export { setFuture } from './setFuture.utils';
+export { updatePresetKey } from './updatePresetKey.utils';
+export { setDurationValue } from './setDurationValue.utils';
+export { setOffsetValue } from './setOffsetValue.utils';
+export { getDefaultCustomRange } from './getDefaultCustomRange.utils';
+export { getCurrentGroupFromProps } from './getCurrentGroupFromProps.utils';
+export { isAbsolute } from './isAbsolute.utils';

package/dist/RelativeRangePicker/utils/isAbsolute.utils.d.ts

@@ -0,0 +1,2 @@
+import { DateRange } from '../../date.types';
+export declare const isAbsolute: (value: DateRange) => boolean;

package/dist/RelativeRangePicker/utils/isAbsolute.utils.js

@@ -0,0 +1,4 @@
+import { ABSOLUTE } from '../../constants';
+export var isAbsolute = function isAbsolute(value) {
+  return value.type === ABSOLUTE && !value.from && !value.to;
+};

package/dist/RelativeRangePicker/utils/setDurationValue.utils.d.ts

@@ -0,0 +1,2 @@
+import { RelativeDateRange } from '../../date.types';
+export declare const setDurationValue: (value: number | string, currentRange: RelativeDateRange) => RelativeDateRange;

package/dist/RelativeRangePicker/utils/setDurationValue.utils.js

@@ -0,0 +1,6 @@
+import set from 'ramda/src/set';
+import lensPath from 'ramda/src/lensPath';
+export var setDurationValue = function setDurationValue(value, currentRange) {
+  var updatedValue = value === '' ? null : value;
+  return set(lensPath(['duration', 'value']))(typeof updatedValue === 'number' && updatedValue >= 1 ? Math.round(updatedValue) : 1, currentRange);
+};

package/dist/RelativeRangePicker/utils/setFuture.utils.d.ts

@@ -0,0 +1 @@
+export declare const setFuture: (a: any, obj: any) => any;

package/dist/RelativeRangePicker/utils/setFuture.utils.js

@@ -0,0 +1,3 @@
+import set from 'ramda/src/set';
+import lensPath from 'ramda/src/lensPath';
+export var setFuture = set(lensPath(['future']));

package/dist/RelativeRangePicker/utils/setOffsetValue.utils.d.ts

@@ -0,0 +1,2 @@
+import { RelativeDateRange } from '../../date.types';
+export declare const setOffsetValue: (value: number | string, currentRange: RelativeDateRange) => RelativeDateRange;

package/dist/RelativeRangePicker/utils/setOffsetValue.utils.js

@@ -0,0 +1,6 @@
+import set from 'ramda/src/set';
+import lensPath from 'ramda/src/lensPath';
+export var setOffsetValue = function setOffsetValue(value, currentRange) {
+  var updatedValue = value === '' ? null : value;
+  return set(lensPath(['offset', 'value']))(typeof updatedValue === 'number' && updatedValue >= 0 ? Math.round(updatedValue) : 0, currentRange);
+};

package/dist/RelativeRangePicker/utils/updatePresetKey.utils.d.ts

@@ -0,0 +1,2 @@
+import { RelativeDateRange } from '../../date.types';
+export declare const updatePresetKey: (range: RelativeDateRange) => RelativeDateRange;

package/dist/RelativeRangePicker/utils/updatePresetKey.utils.js

@@ -0,0 +1,23 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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; }
+
+import { findMatchingPreset } from './findMatchingPreset.utils';
+import { CUSTOM_RANGE_KEY } from '../../constants';
+export var updatePresetKey = function updatePresetKey(range) {
+  var matchingPreset = findMatchingPreset(range);
+
+  if (matchingPreset && matchingPreset.key) {
+    return _objectSpread({}, range, {
+      key: matchingPreset.key,
+      translationKey: matchingPreset.translationKey
+    });
+  }
+
+  return _objectSpread({}, range, {
+    key: CUSTOM_RANGE_KEY,
+    translationKey: CUSTOM_RANGE_KEY
+  });
+};

package/dist/constants.d.ts

@@ -1,4 +1,4 @@
-import { AbsoluteDateRange, RelativeDateRange, RelativeUnits, RangeKey } from './date.types';
+import { RelativeDateRangePreset, AbsoluteDateRangePreset, RelativeUnits, RangeKey } from './date.types';
 export declare const SECONDS = "SECONDS";
 export declare const MINUTES = "MINUTES";
 export declare const HOURS = "HOURS";
@@ -12,14 +12,25 @@ export declare const RELATIVE_OFFSET_MAX = 999999;
 export declare const RELATIVE_DURATION_MAX = 999999;
 export declare const RELATIVE_UNITS: RelativeUnits[];
 export declare const ALL_TIME: RangeKey;
+export declare const RANGES_MODE: {
+    PAST: string;
+    FUTURE: string;
+    SINCE: string;
+};
+export declare const RANGES_ICON: {
+    PAST: JSX.Element;
+    FUTURE: JSX.Element;
+    SINCE: JSX.Element;
+};
 export declare const range: (start: number, end: number) => number[];
 export declare const CUSTOM_RANGE_KEY = "custom";
 export declare const DURATION_MODIFIERS: {
     readonly LAST: "timestampLast";
     readonly NEXT: "timestampNext";
 };
-export declare const RELATIVE_PRESETS: RelativeDateRange[];
-export declare const ABSOLUTE_PRESETS: AbsoluteDateRange[];
+export declare const RELATIVE_PRESETS: RelativeDateRangePreset[];
+export declare const RELATIVE_SECTION_BUTTON_KEYS_ORDER: string[];
+export declare const ABSOLUTE_PRESETS: AbsoluteDateRangePreset[];
 export declare const TIME_OPTIONS: {
     HOURS: number[];
     MINUTES: number[];

package/dist/constants.js

@@ -1,3 +1,5 @@
+import React from 'react';
+import { ArrowRightM, ArrowLeftM, SinceArrowRightM } from '@synerise/ds-icon';
 export var SECONDS = 'SECONDS';
 export var MINUTES = 'MINUTES';
 export var HOURS = 'HOURS';
@@ -11,6 +13,16 @@ export var RELATIVE_OFFSET_MAX = 999999;
 export var RELATIVE_DURATION_MAX = 999999;
 export var RELATIVE_UNITS = [SECONDS, MINUTES, HOURS, DAYS, WEEKS, MONTHS, YEARS];
 export var ALL_TIME = 'ALL_TIME';
+export var RANGES_MODE = {
+  PAST: 'PAST',
+  FUTURE: 'FUTURE',
+  SINCE: 'SINCE'
+};
+export var RANGES_ICON = {
+  PAST: /*#__PURE__*/React.createElement(ArrowLeftM, null),
+  FUTURE: /*#__PURE__*/React.createElement(ArrowRightM, null),
+  SINCE: /*#__PURE__*/React.createElement(SinceArrowRightM, null)
+};
 export var range = function range(start, end) {
   if (end <= start) {
     return [];
@@ -282,6 +294,7 @@ export var RELATIVE_PRESETS = [{
     value: 1
   }
 }];
+export var RELATIVE_SECTION_BUTTON_KEYS_ORDER = [CUSTOM_RANGE_KEY, ALL_TIME, 'TODAY', 'YESTERDAY', 'LAST_WEEK', 'LAST_MONTH', 'LAST_YEAR', 'THIS_WEEK', 'THIS_MONTH', 'LAST_7_DAYS', 'LAST_3_MONTHS', 'LAST_6_MONTHS'];
 export var ABSOLUTE_PRESETS = [{
   key: ALL_TIME,
   translationKey: 'allTime',

package/dist/date.types.d.ts

@@ -45,7 +45,15 @@ export interface RelativeDateRange extends DateRangeBase {
     from?: NullableDateLimit;
     to?: NullableDateLimit;
 }
+type PresetType = {
+    key: string;
+    translationKey?: string;
+};
+export type RelativeDateRangePreset = RelativeDateRange & PresetType;
+export type AbsoluteDateRangePreset = AbsoluteDateRange & PresetType;
+export type DateRangePreset = RelativeDateRangePreset | AbsoluteDateRangePreset;
 export type Days = {
     [key: string]: object;
 };
 export type DateRange = AbsoluteDateRange | RelativeDateRange;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.24.10",
+  "version": "0.25.1",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,25 +34,25 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^0.6.39",
-    "@synerise/ds-button": "^0.18.4",
-    "@synerise/ds-button-group": "^0.6.32",
+    "@synerise/ds-badge": "^0.6.40",
+    "@synerise/ds-button": "^0.18.5",
+    "@synerise/ds-button-group": "^0.6.33",
     "@synerise/ds-data-format": "^0.4.4",
-    "@synerise/ds-date-picker": "^0.10.20",
-    "@synerise/ds-dropdown": "^0.17.83",
-    "@synerise/ds-icon": "^0.58.4",
-    "@synerise/ds-inline-edit": "^0.6.83",
-    "@synerise/ds-input": "^0.19.4",
-    "@synerise/ds-input-number": "^0.8.26",
-    "@synerise/ds-manageable-list": "^0.26.13",
-    "@synerise/ds-menu": "^0.18.1",
-    "@synerise/ds-scrollbar": "^0.6.9",
-    "@synerise/ds-select": "^0.15.22",
-    "@synerise/ds-slider": "^0.13.1",
-    "@synerise/ds-tags": "^0.8.17",
-    "@synerise/ds-time-picker": "^0.8.11",
-    "@synerise/ds-tooltip": "^0.14.6",
-    "@synerise/ds-utils": "^0.24.18",
+    "@synerise/ds-date-picker": "^0.10.22",
+    "@synerise/ds-dropdown": "^0.17.84",
+    "@synerise/ds-icon": "^0.58.5",
+    "@synerise/ds-inline-edit": "^0.6.84",
+    "@synerise/ds-input": "^0.19.5",
+    "@synerise/ds-input-number": "^0.8.27",
+    "@synerise/ds-manageable-list": "^0.26.14",
+    "@synerise/ds-menu": "^0.18.2",
+    "@synerise/ds-scrollbar": "^0.6.10",
+    "@synerise/ds-select": "^0.15.23",
+    "@synerise/ds-slider": "^0.13.2",
+    "@synerise/ds-tags": "^0.8.18",
+    "@synerise/ds-time-picker": "^0.9.1",
+    "@synerise/ds-tooltip": "^0.14.7",
+    "@synerise/ds-utils": "^0.24.19",
     "date-fns": "^2.16.1",
     "dayjs": "^1.8.35",
     "lodash": "^4.17.20",
@@ -73,5 +73,5 @@
     "@testing-library/user-event": "^10.3.1",
     "@types/ramda": "^0.28.23"
   },
-  "gitHead": "8eb4a3e304406a8dbb9258803c48952461fc5a55"
+  "gitHead": "1b2696001dd88b4c11413977e38b541b0c78733d"
 }

package/dist/RelativeRangePicker/utils.d.ts

@@ -1,19 +0,0 @@
-import { DateRange, RelativeDateRange } from '../date.types';
-import { Props } from './RelativeRangePicker.types';
-import { RelativeMode } from '../DateRangePicker.types';
-export declare const setOffsetValue: (value: number | string, currentRange: RelativeDateRange) => RelativeDateRange;
-export declare const setDurationValue: (value: number | string, currentRange: RelativeDateRange) => RelativeDateRange;
-export declare const setFuture: (a: any, obj: any) => any;
-export declare const RANGES_MODE: {
-    PAST: string;
-    FUTURE: string;
-    SINCE: string;
-};
-export declare const RANGES_ICON: {
-    PAST: JSX.Element;
-    FUTURE: JSX.Element;
-    SINCE: JSX.Element;
-};
-export declare const getDefaultCustomRange: (currentGroup: string | null) => RelativeDateRange;
-export declare const isAbsolute: (value: DateRange) => boolean;
-export declare function getCurrentGroupFromProps({ relativeModes }: Props): RelativeMode | null;

package/dist/RelativeRangePicker/utils.js

@@ -1,52 +0,0 @@
-import set from 'ramda/src/set';
-import lensPath from 'ramda/src/lensPath';
-import { ArrowRightM, ArrowLeftM, SinceArrowRightM } from '@synerise/ds-icon';
-import * as React from 'react';
-import * as CONST from '../constants';
-export var setOffsetValue = function setOffsetValue(value, currentRange) {
-  var updatedValue = value === '' ? null : value;
-  return set(lensPath(['offset', 'value']))(typeof updatedValue === 'number' && updatedValue >= 0 ? Math.round(updatedValue) : 0, currentRange);
-};
-export var setDurationValue = function setDurationValue(value, currentRange) {
-  var updatedValue = value === '' ? null : value;
-  return set(lensPath(['duration', 'value']))(typeof updatedValue === 'number' && updatedValue >= 1 ? Math.round(updatedValue) : 1, currentRange);
-};
-export var setFuture = set(lensPath(['future']));
-export var RANGES_MODE = {
-  PAST: 'PAST',
-  FUTURE: 'FUTURE',
-  SINCE: 'SINCE'
-};
-export var RANGES_ICON = {
-  PAST: /*#__PURE__*/React.createElement(ArrowLeftM, null),
-  FUTURE: /*#__PURE__*/React.createElement(ArrowRightM, null),
-  SINCE: /*#__PURE__*/React.createElement(SinceArrowRightM, null)
-};
-export var getDefaultCustomRange = function getDefaultCustomRange(currentGroup) {
-  return {
-    type: CONST.RELATIVE,
-    from: undefined,
-    to: undefined,
-    future: currentGroup === RANGES_MODE.FUTURE,
-    offset: {
-      type: 'DAYS',
-      value: 0
-    },
-    duration: {
-      type: 'DAYS',
-      value: 30
-    }
-  };
-};
-export var isAbsolute = function isAbsolute(value) {
-  return value.type === CONST.ABSOLUTE && !value.from && !value.to;
-};
-export function getCurrentGroupFromProps(_ref) {
-  var relativeModes = _ref.relativeModes;
-
-  if (!!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
-    return relativeModes[0];
-  }
-
-  return null;
-}