@synerise/ds-date-range-picker 0.31.10 → 0.32.0

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

@@ -5,8 +5,8 @@ export type Props = {
     currentRange: RelativeDateRange;
     currentGroup: string | null;
     handleChange: (value: DateRange) => void;
-    handleDurationValueChange: (value?: string | number) => void;
-    handleOffsetValueChange: (value?: string | number) => void;
+    handleDurationValueChange: (value?: string | number | null) => void;
+    handleOffsetValueChange: (value?: string | number | null) => void;
     handleModeChange: (mode: RelativeMode | null) => void;
     handleTimestampChange?: (timestamp: Date | undefined) => void;
     timestamp?: Date | undefined;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { Props } from './DurationField.types';
 export declare const setDurationType: (a: any, obj: any) => any;
-declare const DurationField: React.FC<Props>;
+declare const DurationField: ({ currentGroup, currentRange, handleChange, handleDurationValueChange, rangeUnits, texts, }: Props) => React.JSX.Element;
 export default DurationField;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import Select from '@synerise/ds-select';
 import InputNumber from '@synerise/ds-input-number';
 import set from 'ramda/src/set';
@@ -15,7 +15,7 @@ var DurationField = function DurationField(_ref) {
     rangeUnits = _ref.rangeUnits,
     texts = _ref.texts;
   var duration = currentRange.duration;
-  React.useEffect(function () {
+  useEffect(function () {
     if ((duration == null ? void 0 : duration.value) < 1) {
       handleDurationValueChange(1);
     }

package/dist/RelativeRangePicker/Elements/CustomRangeForm/DurationField/DurationField.types.d.ts

@@ -1,4 +1,4 @@
 import { FieldProps } from '../CustomRangeForm.types';
 export type Props = {
-    handleDurationValueChange: (value?: string | number) => void;
+    handleDurationValueChange: (value?: string | number | null) => void;
 } & FieldProps;

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Props } from './OffsetField.types';
-declare const OffsetField: React.FC<Props>;
+declare const OffsetField: ({ handleOffsetValueChange, currentGroup, handleChange, currentRange, texts, rangeUnits, }: Props) => React.JSX.Element;
 export default OffsetField;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import Select from '@synerise/ds-select';
 import InputNumber from '@synerise/ds-input-number';
 import * as S from '../../../RelativeRangePicker.styles';
@@ -13,7 +13,7 @@ var OffsetField = function OffsetField(_ref) {
     texts = _ref.texts,
     rangeUnits = _ref.rangeUnits;
   var offset = currentRange.offset;
-  React.useEffect(function () {
+  useEffect(function () {
     if ((offset == null ? void 0 : offset.value) < 0) {
       handleOffsetValueChange(0);
     }

package/dist/RelativeRangePicker/Elements/CustomRangeForm/OffsetField/OffsetField.types.d.ts

@@ -1,4 +1,4 @@
 import { FieldProps } from '../CustomRangeForm.types';
 export type Props = {
-    handleOffsetValueChange: (value?: string | number) => void;
+    handleOffsetValueChange: (value?: string | number | null) => void;
 } & FieldProps;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Props } from './ModeDropdown.types';
-declare const ModeDrop: React.FC<Props>;
+declare const ModeDrop: ({ currentGroup, onModeChange, modes, texts }: Props) => React.JSX.Element;
 export default ModeDrop;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import Icon, { CheckS } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import { useOnClickOutside } from '@synerise/ds-utils';
@@ -14,11 +14,11 @@ var ModeDrop = function ModeDrop(_ref) {
     onModeChange = _ref.onModeChange,
     modes = _ref.modes,
     texts = _ref.texts;
-  var _React$useState = React.useState(false),
-    dropVisible = _React$useState[0],
-    setDropVisible = _React$useState[1];
-  var overlayRef = React.useRef(null);
-  var handleMenuItemClick = React.useCallback(function (mode) {
+  var _useState = useState(false),
+    dropVisible = _useState[0],
+    setDropVisible = _useState[1];
+  var overlayRef = useRef(null);
+  var handleMenuItemClick = useCallback(function (mode) {
     onModeChange && onModeChange(mode);
     setDropVisible(false);
   }, [onModeChange]);

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

@@ -8,5 +8,5 @@ import { DateRange } from '../../../date.types';
  * @param fallback whether to accept existing properties, but set to `undefined`, default `false`
  */
 export declare const isLifetime: (range?: DateRange, fallback?: boolean) => boolean;
-declare const RangeDropdown: React.FC<RangeDropdownProps>;
+declare const RangeDropdown: ({ ranges, currentRange, texts, onChange, valueTransformer, }: RangeDropdownProps) => React.JSX.Element | null;
 export default RangeDropdown;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback, useRef, useState } from 'react';
 import find from 'ramda/src/find';
 import { isEqual } from 'lodash';
 import Icon, { AngleDownS, CheckS } from '@synerise/ds-icon';
@@ -42,14 +42,14 @@ var RangeDropdown = function RangeDropdown(_ref) {
     valueTransformer = _ref$valueTransformer === void 0 ? function (e) {
       return e;
     } : _ref$valueTransformer;
-  var _React$useState = React.useState(false),
-    dropVisible = _React$useState[0],
-    setDropVisible = _React$useState[1];
-  var dropdownRef = React.useRef(null);
+  var _useState = useState(false),
+    dropVisible = _useState[0],
+    setDropVisible = _useState[1];
+  var dropdownRef = useRef(null);
   useOnClickOutside(dropdownRef, function () {
     setDropVisible(false);
   });
-  var onMenuItemClick = React.useCallback(function (itemData) {
+  var onMenuItemClick = useCallback(function (itemData) {
     var range = findRangeByKey(ranges, itemData.key);
     onChange(range);
     setDropVisible(false);

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampDuration/TimestampDuration.types.d.ts

@@ -2,7 +2,7 @@ import { RelativeDateRange } from '../../../../date.types';
 import { Texts } from '../../../../DateRangePicker.types';
 export type Props = {
     currentRange: RelativeDateRange;
-    handleDurationValueChange: (value?: string | number) => void;
+    handleDurationValueChange: (value?: string | number | null) => void;
     onDurationModifierChange: (modifier: string) => void;
     durationModifier: string;
     value: number;

package/dist/RelativeRangePicker/Elements/TimestampRange/TimestampRange.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import { useIntl } from 'react-intl';
@@ -20,7 +16,7 @@ var TimestampRange = function TimestampRange(_ref) {
     onTimestampChange = _ref.onTimestampChange,
     _ref$getValueOnReset = _ref.getValueOnReset,
     getValueOnReset = _ref$getValueOnReset === void 0 ? function () {
-      return _objectSpread({}, DEFAULT_RANGE, {
+      return _extends({}, DEFAULT_RANGE, {
         type: 'RELATIVE',
         offset: {
           type: 'SINCE',

package/dist/RelativeRangePicker/RelativeRangePicker.js

@@ -1,10 +1,6 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import * as S from './RelativeRangePicker.styles';
@@ -23,7 +19,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
     _this = _React$PureComponent.call(this, props) || this;
     // @ts-ignore
     // eslint-disable-next-line
-    _defineProperty(_this, "onModeChange", function (mode) {
+    _this.onModeChange = function (mode) {
       var currentGroup = _this.state.currentGroup;
       if (mode !== currentGroup) {
         _this.setState({
@@ -34,8 +30,8 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         var onChange = _this.props.onChange;
         onChange(DEFAULT_RANGE);
       }
-    });
-    _defineProperty(_this, "onTimestampChange", function (timestamp) {
+    };
+    _this.onTimestampChange = function (timestamp) {
       _this.setState({
         sinceTimestamp: timestamp
       });
@@ -47,30 +43,30 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         });
         onChange(updatedRange);
       }
-    });
-    _defineProperty(_this, "handleCustomClick", function () {
+    };
+    _this.handleCustomClick = function () {
       var onChange = _this.props.onChange;
       var _this$state = _this.state,
         lastCustomRange = _this$state.lastCustomRange,
         currentGroup = _this$state.currentGroup;
       if (lastCustomRange && lastCustomRange.translationKey === CUSTOM_RANGE_KEY) {
-        onChange(_objectSpread({}, lastCustomRange, {
+        onChange(_extends({}, lastCustomRange, {
           key: undefined
         }));
       } else {
         var sourceRange = getDefaultCustomRange(currentGroup);
-        onChange(_objectSpread({}, sourceRange, {
+        onChange(_extends({}, sourceRange, {
           key: undefined,
           translationKey: CUSTOM_RANGE_KEY
         }));
       }
-    });
-    _defineProperty(_this, "onChange", function (value) {
+    };
+    _this.onChange = function (value) {
       var currentGroup = _this.state.currentGroup;
       var onChange = _this.props.onChange;
       var isSince = currentGroup === RANGES_MODE.SINCE;
       var isFuture = isSince ? value.future : value.timestamp && fnsIsAfter(value.timestamp, new Date()); // FIXME since past/future
-      var changes = _objectSpread({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value), {
+      var changes = _extends({}, setFuture(currentGroup === RANGES_MODE.FUTURE || isFuture, value), {
         type: 'RELATIVE'
       });
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -81,8 +77,8 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         });
       }
       onChange(resultRange);
-    });
-    _defineProperty(_this, "renderRanges", function (ranges) {
+    };
+    _this.renderRanges = function (ranges) {
       if (!ranges || ranges.length === 0) return null;
       var currentRange = _this.state.currentRange;
       var _this$props = _this.props,
@@ -96,8 +92,8 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         texts: texts,
         onChange: onChange
       });
-    });
-    _defineProperty(_this, "renderRangesDropdown", function (ranges) {
+    };
+    _this.renderRangesDropdown = function (ranges) {
       var currentRange = _this.state.currentRange;
       var _this$props2 = _this.props,
         onChange = _this$props2.onChange,
@@ -110,22 +106,22 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         onChange: onChange,
         valueTransformer: valueTransformer
       });
-    });
-    _defineProperty(_this, "onOffsetValueChange", function (value) {
+    };
+    _this.onOffsetValueChange = function (value) {
       var currentRange = _this.state.currentRange;
       if (typeof value === 'number' && value >= 0 && currentRange) {
         var changes = setOffsetValue(value, currentRange);
         _this.onChange(changes);
       }
-    });
-    _defineProperty(_this, "onDurationValueChange", function (value) {
+    };
+    _this.onDurationValueChange = function (value) {
       var currentRange = _this.state.currentRange;
       if (value && currentRange) {
         var changes = setDurationValue(value, currentRange);
         _this.onChange(changes);
       }
-    });
-    _defineProperty(_this, "renderCustomRangeForm", function () {
+    };
+    _this.renderCustomRangeForm = function () {
       var _this$state2 = _this.state,
         currentRange = _this$state2.currentRange,
         currentGroup = _this$state2.currentGroup,
@@ -149,7 +145,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
         texts: texts,
         rangeUnits: rangeUnits
       });
-    });
+    };
     _this.state = {
       currentGroup: getCurrentGroupFromProps(props),
       future: props.future || false,
@@ -214,7 +210,7 @@ var RelativeRangePicker = /*#__PURE__*/function (_React$PureComponent) {
   };
   return RelativeRangePicker;
 }(React.PureComponent);
-_defineProperty(RelativeRangePicker, "defaultProps", {
+RelativeRangePicker.defaultProps = {
   ranges: [].concat(CONST.RELATIVE_PRESETS, CONST.ABSOLUTE_PRESETS),
   relativeModes: ['PAST', 'FUTURE'],
   rangeUnits: CONST.RELATIVE_UNITS,
@@ -222,5 +218,5 @@ _defineProperty(RelativeRangePicker, "defaultProps", {
   valueTransformer: function valueTransformer(e) {
     return e;
   }
-});
+};
 export default injectIntl(RelativeRangePicker);

package/dist/RelativeRangePicker/RelativeRangePicker.styles.js

@@ -83,7 +83,7 @@ export var DropMenu = styled.div.withConfig({
 export var DropMenuItem = styled(ListItem).withConfig({
   displayName: "RelativeRangePickerstyles__DropMenuItem",
   componentId: "sc-17ul7sp-12"
-})(["max-height:32px;.ds-icon{margin-right:-6px;}"]);
+})(["max-height:32px;min-width:auto;.ds-icon{margin-right:-6px;}"]);
 export var OverlayWrapper = styled.div.withConfig({
   displayName: "RelativeRangePickerstyles__OverlayWrapper",
   componentId: "sc-17ul7sp-13"

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

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as CONST from '../../constants';
 export var findMatchingPreset = function findMatchingPreset(range) {
   if (!range || range.type !== CONST.RELATIVE) {
@@ -13,5 +9,5 @@ export var findMatchingPreset = function findMatchingPreset(range) {
     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);
+  return matchingPreset && _extends({}, matchingPreset);
 };

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

@@ -1,19 +1,15 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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, {
+    return _extends({}, range, {
       key: matchingPreset.key,
       translationKey: matchingPreset.translationKey
     });
   }
-  return _objectSpread({}, range, {
+  return _extends({}, range, {
     key: CUSTOM_RANGE_KEY,
     translationKey: CUSTOM_RANGE_KEY
   });

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';

package/dist/style/index.css

@@ -1 +1 @@
-.ant-image-preview,.ant-modal{pointer-events:none}.ant-image-preview.zoom-appear,.ant-image-preview.zoom-enter,.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.ant-image-preview-mask,.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:991000;height:100%;background-color:rgba(0,0,0,.2);filter:alpha(opacity=50)}.ant-image-preview-mask-hidden,.ant-modal-mask-hidden{display:none}.ant-image-preview-wrap,.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.ant-popover{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;top:0;left:0;z-index:991030;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.ant-popover::after{position:absolute;background:rgba(255,255,255,.01);content:''}.ant-popover-hidden{display:none}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:10px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:10px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:10px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:3px;box-shadow:0 2px 6px rgba(171,178,183,.12);box-shadow:0 0 8px rgba(171,178,183,.12)\9}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-popover-inner{box-shadow:0 2px 6px rgba(171,178,183,.12)}}.ant-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:#384350;font-weight:500;border-bottom:1px solid #e9edee}.ant-popover-inner-content{padding:12px 16px;color:#6a7580}.ant-popover-message{position:relative;padding:4px 0 12px;color:#6a7580;font-size:13px}.ant-popover-message>.anticon{position:absolute;top:6.47px;color:#fab700;font-size:13px}.ant-popover-message-title{padding-left:21px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow{position:absolute;display:block;width:8.49px;height:8.49px;background:0 0;border-style:solid;border-width:4.24px;transform:rotate(45deg)}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{bottom:6.2px;border-top-color:transparent;border-right-color:#fff;border-bottom-color:#fff;border-left-color:transparent;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{left:6px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:#fff;box-shadow:-3px 3px 7px rgba(0,0,0,.07)}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{top:6px;border-top-color:#fff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#fff;box-shadow:-2px -2px 5px rgba(0,0,0,.06)}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{right:6px;border-top-color:#fff;border-right-color:#fff;border-bottom-color:transparent;border-left-color:transparent;box-shadow:3px -3px 7px rgba(0,0,0,.07)}.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow{top:50%;transform:translateY(-50%) rotate(45deg)}.ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-popover-rtl{direction:rtl;text-align:right}.ant-popover-rtl .ant-popover-message-title{padding-right:21px;padding-left:16px}.ant-popover-rtl .ant-popover-buttons{text-align:left}.ant-popover-rtl .ant-popover-buttons button{margin-right:8px;margin-left:0}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-inner{background:0 0;box-shadow:none}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-inner>.ant-popover-inner-content{padding:0}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-arrow{display:none!important;visibility:hidden;pointer-events:none}
+.ant-popover{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;top:0;left:0;z-index:991030;max-width:100vw;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.ant-popover-content{position:relative}.ant-popover::after{position:absolute;background:rgba(255,255,255,.01);content:''}.ant-popover-hidden{display:none}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:9px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:9px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:9px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:9px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:3px;box-shadow:0 2px 6px rgba(171,178,183,.12)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-popover-inner{box-shadow:0 2px 6px rgba(171,178,183,.12)}}.ant-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:#384350;font-weight:500;border-bottom:1px solid #e9edee}.ant-popover-inner-content{width:max-content;max-width:100%;padding:12px 16px;color:#6a7580}.ant-popover-message{display:flex;padding:4px 0 12px;color:#6a7580;font-size:13px}.ant-popover-message-icon{display:inline-block;margin-right:8px;color:#fab700;font-size:13px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button:not(:first-child){margin-left:8px}.ant-popover-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-popover-arrow-content{--antd-arrow-background-color:#fff;position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;content:'';pointer-events:auto;border-radius:0 0 2px;pointer-events:none}.ant-popover-arrow-content::before{position:absolute;top:-5px;left:-5px;width:15px;height:15px;background:var(--antd-arrow-background-color);background-repeat:no-repeat;background-position:-4px -4px;content:'';clip-path:inset(33% 33%);clip-path:path('M 3.5355339059327373 11.464466094067262 A 5 5 0 0 1 7.071067811865475 10 L 8 10 A 2 2 0 0 0 10 8 L 10 7.071067811865475 A 5 5 0 0 1 11.464466094067262 3.5355339059327373 L 10.464466094067262 3.5355339059327373 L 3.5355339059327373 10.464466094067262 Z')}.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow{bottom:0;transform:translateY(100%)}.ant-popover-placement-top .ant-popover-arrow-content,.ant-popover-placement-topLeft .ant-popover-arrow-content,.ant-popover-placement-topRight .ant-popover-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translateY(100%) translateX(-50%)}.ant-popover-placement-topLeft .ant-popover-arrow{left:16px}.ant-popover-placement-topRight .ant-popover-arrow{right:16px}.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow{left:0;transform:translateX(-100%)}.ant-popover-placement-right .ant-popover-arrow-content,.ant-popover-placement-rightBottom .ant-popover-arrow-content,.ant-popover-placement-rightTop .ant-popover-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(135deg)}.ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateX(-100%) translateY(-50%)}.ant-popover-placement-rightTop .ant-popover-arrow{top:12px}.ant-popover-placement-rightBottom .ant-popover-arrow{bottom:12px}.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow{top:0;transform:translateY(-100%)}.ant-popover-placement-bottom .ant-popover-arrow-content,.ant-popover-placement-bottomLeft .ant-popover-arrow-content,.ant-popover-placement-bottomRight .ant-popover-arrow-content{box-shadow:2px 2px 5px rgba(0,0,0,.06);transform:translateY(6.54px) rotate(-135deg)}.ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translateY(-100%) translateX(-50%)}.ant-popover-placement-bottomLeft .ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight .ant-popover-arrow{right:16px}.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow{right:0;transform:translateX(100%)}.ant-popover-placement-left .ant-popover-arrow-content,.ant-popover-placement-leftBottom .ant-popover-arrow-content,.ant-popover-placement-leftTop .ant-popover-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(-45deg)}.ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateX(100%) translateY(-50%)}.ant-popover-placement-leftTop .ant-popover-arrow{top:12px}.ant-popover-placement-leftBottom .ant-popover-arrow{bottom:12px}.ant-popover-pink .ant-popover-inner{background-color:#eb2f96}.ant-popover-pink .ant-popover-arrow-content{background-color:#eb2f96}.ant-popover-magenta .ant-popover-inner{background-color:#eb2f96}.ant-popover-magenta .ant-popover-arrow-content{background-color:#eb2f96}.ant-popover-red .ant-popover-inner{background-color:#f5222d}.ant-popover-red .ant-popover-arrow-content{background-color:#f5222d}.ant-popover-volcano .ant-popover-inner{background-color:#fa541c}.ant-popover-volcano .ant-popover-arrow-content{background-color:#fa541c}.ant-popover-orange .ant-popover-inner{background-color:#fa8c16}.ant-popover-orange .ant-popover-arrow-content{background-color:#fa8c16}.ant-popover-yellow .ant-popover-inner{background-color:#fadb14}.ant-popover-yellow .ant-popover-arrow-content{background-color:#fadb14}.ant-popover-gold .ant-popover-inner{background-color:#faad14}.ant-popover-gold .ant-popover-arrow-content{background-color:#faad14}.ant-popover-cyan .ant-popover-inner{background-color:#13c2c2}.ant-popover-cyan .ant-popover-arrow-content{background-color:#13c2c2}.ant-popover-lime .ant-popover-inner{background-color:#a0d911}.ant-popover-lime .ant-popover-arrow-content{background-color:#a0d911}.ant-popover-green .ant-popover-inner{background-color:#52c41a}.ant-popover-green .ant-popover-arrow-content{background-color:#52c41a}.ant-popover-blue .ant-popover-inner{background-color:#1890ff}.ant-popover-blue .ant-popover-arrow-content{background-color:#1890ff}.ant-popover-geekblue .ant-popover-inner{background-color:#2f54eb}.ant-popover-geekblue .ant-popover-arrow-content{background-color:#2f54eb}.ant-popover-purple .ant-popover-inner{background-color:#722ed1}.ant-popover-purple .ant-popover-arrow-content{background-color:#722ed1}.ant-popover-rtl{direction:rtl;text-align:right}.ant-popover-rtl .ant-popover-message-icon{margin-right:0;margin-left:8px}.ant-popover-rtl .ant-popover-message-title{padding-left:16px}.ant-popover-rtl .ant-popover-buttons{text-align:left}.ant-popover-rtl .ant-popover-buttons button{margin-right:8px;margin-left:0}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-inner{background:0 0;box-shadow:none}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-inner>.ant-popover-inner-content{padding:0}.ant-popover.ds-date-range-popover>.ant-popover-content>.ant-popover-arrow{display:none!important;visibility:hidden;pointer-events:none}

package/dist/utils.js

@@ -1,8 +1,4 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import fnsMin from 'date-fns/min';
 import fnsMax from 'date-fns/max';
 import { getTimezoneOffset } from 'date-fns-tz';
@@ -70,7 +66,7 @@ export var normalizeRange = function normalizeRange(range) {
     }
     var from = fnsMin([left, right]);
     var to = fnsMax([left, right]);
-    var normalizedRange = _objectSpread({}, range, {
+    var normalizedRange = _extends({}, range, {
       type: RELATIVE,
       from: from,
       to: to,
@@ -84,7 +80,7 @@ export var normalizeRange = function normalizeRange(range) {
   var dropNonAbsolute = function dropNonAbsolute(dateRange) {
     return omit(dateRange, ['offset', 'duration', 'future']);
   };
-  var absoluteRange = _objectSpread({}, dropNonAbsolute(range), {
+  var absoluteRange = _extends({}, dropNonAbsolute(range), {
     from: range.from ? new Date(rmvTZOffset(range == null ? void 0 : range.from)) : undefined,
     to: range.to ? new Date(rmvTZOffset(range == null ? void 0 : range.to)) : undefined
   });
@@ -184,7 +180,7 @@ export var getDefaultTexts = function getDefaultTexts(intl, disableDefault, text
     ending: getIntlMessage("DS.DATE-RANGE-PICKER.END", intl, disableDefault, 'Ending'),
     maximumRanges: getIntlMessage('DS.DATE-RANGE-PICKER.MAXIMUM-RANGES-MESSAGE', intl, disableDefault, 'The maximum amount of ranges have been selected.')
   };
-  return _objectSpread({}, defaultTexts, {}, texts);
+  return _extends({}, defaultTexts, texts);
 };
 export var DEFAULT_RANGE = normalizeRange({
   key: undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-range-picker",
-  "version": "0.31.10",
+  "version": "0.32.0",
   "description": "Date-Range-Picker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,25 +35,25 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
-    "@synerise/ds-badge": "^0.8.24",
-    "@synerise/ds-button": "^0.22.2",
-    "@synerise/ds-button-group": "^0.7.28",
-    "@synerise/ds-data-format": "^0.6.1",
-    "@synerise/ds-date-picker": "^0.13.8",
-    "@synerise/ds-dropdown": "^0.18.30",
-    "@synerise/ds-icon": "^0.69.1",
-    "@synerise/ds-inline-edit": "^0.9.7",
-    "@synerise/ds-input": "^0.24.20",
-    "@synerise/ds-input-number": "^0.10.21",
-    "@synerise/ds-list-item": "^0.6.2",
-    "@synerise/ds-manageable-list": "^0.29.9",
-    "@synerise/ds-scrollbar": "^0.11.23",
-    "@synerise/ds-select": "^0.16.32",
-    "@synerise/ds-slider": "^0.14.7",
-    "@synerise/ds-tags": "^0.10.24",
-    "@synerise/ds-time-picker": "^0.11.8",
-    "@synerise/ds-tooltip": "^0.14.54",
-    "@synerise/ds-utils": "^0.31.2",
+    "@synerise/ds-badge": "^0.9.0",
+    "@synerise/ds-button": "^0.23.0",
+    "@synerise/ds-button-group": "^0.8.0",
+    "@synerise/ds-data-format": "^0.7.0",
+    "@synerise/ds-date-picker": "^0.14.0",
+    "@synerise/ds-dropdown": "^0.19.0",
+    "@synerise/ds-icon": "^0.71.0",
+    "@synerise/ds-inline-edit": "^0.10.0",
+    "@synerise/ds-input": "^0.25.0",
+    "@synerise/ds-input-number": "^0.11.0",
+    "@synerise/ds-list-item": "^0.7.0",
+    "@synerise/ds-manageable-list": "^0.30.0",
+    "@synerise/ds-scrollbar": "^0.12.0",
+    "@synerise/ds-select": "^0.17.0",
+    "@synerise/ds-slider": "^0.15.0",
+    "@synerise/ds-tags": "^0.11.0",
+    "@synerise/ds-time-picker": "^0.12.0",
+    "@synerise/ds-tooltip": "^0.15.0",
+    "@synerise/ds-utils": "^0.32.0",
     "date-fns": "^2.16.1",
     "date-fns-tz": "1.1.4",
     "dayjs": "^1.8.35",
@@ -64,10 +64,10 @@
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "antd": "4.7.0",
-    "react": ">=16.9.0 <= 17.0.2",
+    "antd": "4.24.16",
+    "react": ">=16.9.0 <= 18.3.1",
     "react-intl": ">=3.12.0 <= 6.8",
-    "styled-components": "5.0.1"
+    "styled-components": "^5.3.3"
   },
-  "gitHead": "f591d14d24d6a14aab76edcb60f04aaadec8336d"
+  "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
 }