@synerise/ds-date-range-picker 0.31.1 → 0.31.3

package/dist/RangePickerInput/RangePickerInput.styles.js

@@ -19,19 +19,15 @@ export var DefaultIconWrapper = styled.div.withConfig({
 })(["margin-left:3px;&&:hover{.ds-icon > svg{fill:", ";}}"], function (props) {
   return props.theme.palette['grey-600'];
 });
-
 var disabledStyled = function disabledStyled(props) {
   return css(["&:hover,&,&& > *{cursor:not-allowed;}opacity:0.8;color:", ";background:", ";"], props.theme.palette["grey-600"], props.theme.palette['grey-050']);
 };
-
 var errorInputStyle = function errorInputStyle(props) {
   return "\n  &&, .ant-input {\n    border-color: " + props.theme.palette['red-600'] + ";\n    box-shadow: inset 0 0 0 2px " + props.theme.palette['red-600'] + ";\n    background: " + props.theme.palette['red-050'] + ";\n    border-radius: 4px;\n  }\n";
 };
-
 var activeStyle = function activeStyle(props) {
   return css(["box-shadow:inset 0 0 0 1px ", ";border-color:", ";background:", ";"], props.theme.palette['blue-600'], props.theme.palette['blue-600'], props.theme.palette['blue-050']);
 };
-
 export var RangeInputWrapper = styled(InputWrapper).withConfig({
   displayName: "RangePickerInputstyles__RangeInputWrapper",
   componentId: "sc-1b9h1ef-3"

package/dist/RawDateRangePicker.js

@@ -1,19 +1,11 @@
 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 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); }
-
 import React, { PureComponent } from 'react';
 import { omitBy, isUndefined } from 'lodash';
 import { injectIntl } from 'react-intl';
@@ -34,10 +26,9 @@ import RangeFilterStatus from './RangeFilter/Shared/RangeFilterStatus/RangeFilte
 import { isLifetime } from './RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
 export function defaultValueTransformer(value) {
   var id = value.id,
-      timestamp = value.timestamp,
-      translationKey = value.translationKey,
-      filter = value.filter;
-
+    timestamp = value.timestamp,
+    translationKey = value.translationKey,
+    filter = value.filter;
   if (value.key === 'ALL_TIME' || isLifetime(value)) {
     return _objectSpread({
       type: 'ABSOLUTE',
@@ -46,7 +37,6 @@ export function defaultValueTransformer(value) {
       filter: filter
     } : {});
   }
-
   var baseValue = _objectSpread({}, id ? {
     id: id
   } : {}, {}, timestamp ? {
@@ -56,7 +46,6 @@ export function defaultValueTransformer(value) {
   } : {}, {}, filter ? {
     filter: filter
   } : {});
-
   if (value.type === 'ABSOLUTE') {
     return _objectSpread({}, baseValue, {
       type: value.type
@@ -66,7 +55,6 @@ export function defaultValueTransformer(value) {
       to: value.to
     } : {});
   }
-
   if (value.type === 'RELATIVE') {
     return _objectSpread({}, baseValue, {
       type: value.type,
@@ -76,24 +64,20 @@ export function defaultValueTransformer(value) {
       future: value.future
     });
   }
-
   return value;
 }
 export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
   function RawDateRangePicker(props) {
     var _this;
-
-    _this = _PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
-
+    _this = _PureComponent.call(this, props) || this;
+    // eslint-disable-next-line react/state-in-constructor
     _defineProperty(_this, "handleFilterCancel", function () {
       _this.setState({
         mode: MODES.DATE
       });
     });
-
     _defineProperty(_this, "handleFilterApply", function (filter) {
       var value = _this.state.value;
-
       _this.setState({
         mode: MODES.DATE,
         value: _objectSpread({}, value, {
@@ -101,115 +85,93 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
         })
       });
     });
-
     _defineProperty(_this, "allTexts", function () {
       var _this$props = _this.props,
-          texts = _this$props.texts,
-          intl = _this$props.intl;
+        texts = _this$props.texts,
+        intl = _this$props.intl;
       return getDefaultTexts(intl, false, texts);
     });
-
     _defineProperty(_this, "handleRangeChange", function (range) {
       var _valueTransformer;
-
       if (!range) {
         return;
       }
-
       if (range.from && !fnsIsValid(range == null ? void 0 : range.from)) {
         return;
       }
-
       var _this$props2 = _this.props,
-          onValueChange = _this$props2.onValueChange,
-          valueTransformer = _this$props2.valueTransformer,
-          isTruncateMs = _this$props2.isTruncateMs;
+        onValueChange = _this$props2.onValueChange,
+        valueTransformer = _this$props2.valueTransformer,
+        isTruncateMs = _this$props2.isTruncateMs;
       var _this$state = _this.state,
-          value = _this$state.value,
-          mode = _this$state.mode;
+        value = _this$state.value,
+        mode = _this$state.mode;
       var newValue = normalizeRange(_objectSpread({}, range, {
         filter: value.filter
       }));
-
       if (isTruncateMs) {
         if (newValue.from !== undefined) {
           newValue.from = fnsStartOfSecond(legacyParse(newValue.from));
         }
-
         if (newValue.to !== undefined) {
           newValue.to = fnsStartOfSecond(legacyParse(newValue.to));
         }
       }
-
       if ((newValue.type === 'RELATIVE' || newValue.key === CONST.ALL_TIME) && mode === MODES.TIME) {
         _this.setState({
           mode: MODES.DATE
         });
       }
-
       if (range != null && range.key) {
         newValue.key = range == null ? void 0 : range.key;
-      } // transformation has to take place here, because `key` property might get omitted by valueTransformer
-
-
+      }
+      // transformation has to take place here, because `key` property might get omitted by valueTransformer
       var legacyValue = (_valueTransformer = valueTransformer == null ? void 0 : valueTransformer(newValue)) != null ? _valueTransformer : newValue;
-
       _this.setState({
         value: _objectSpread({}, legacyValue, {
           translationKey: range == null ? void 0 : range.translationKey
         })
       });
-
       onValueChange && onValueChange(legacyValue);
     });
-
     _defineProperty(_this, "handleApply", function () {
       var intl = _this.props.intl;
       var value = _this.state.value;
       var _this$props3 = _this.props,
-          forceAbsolute = _this$props3.forceAbsolute,
-          onApply = _this$props3.onApply;
-
+        forceAbsolute = _this$props3.forceAbsolute,
+        onApply = _this$props3.onApply;
       if (forceAbsolute && value.type === RELATIVE) {
         onApply && onApply(_objectSpread({}, value, {}, relativeToAbsolute(value)));
         return;
       }
-
       if (value.key === CONST.ALL_TIME) {
         onApply && onApply(omitBy(value, isUndefined));
         return;
       }
-
       if (onApply) {
         var valueToEmit = _objectSpread({}, value, {
           from: value.type === ABSOLUTE && value.from instanceof Date ? toIsoString(value.from, intl.timeZone) : undefined,
           to: value.type === ABSOLUTE && value.to instanceof Date ? toIsoString(value.to, intl.timeZone) : undefined,
           type: value.type
         });
-
         onApply(valueToEmit);
       }
     });
-
     _defineProperty(_this, "handleModalOpenClick", function () {
       _this.setState({
         mode: MODES.FILTER
       });
     });
-
     _defineProperty(_this, "handleRemoveFilterClick", function () {
       _this.handleFilterApply(undefined);
     });
-
     _defineProperty(_this, "handleSwitchMode", function () {
       var mode = _this.state.mode;
       var updatedMode = mode === MODES.TIME ? MODES.DATE : MODES.TIME;
-
       _this.setState({
         mode: updatedMode
       });
     });
-
     _defineProperty(_this, "handleAddonCollapse", function (addonKey, expanded) {
       _this.setState(function (state) {
         return _objectSpread({}, state, {
@@ -217,26 +179,22 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
         });
       });
     });
-
     _defineProperty(_this, "getAddons", function () {
       var _this$props4 = _this.props,
-          showRelativePicker = _this$props4.showRelativePicker,
-          showFilter = _this$props4.showFilter,
-          relativeFuture = _this$props4.relativeFuture,
-          relativePast = _this$props4.relativePast,
-          ranges = _this$props4.ranges,
-          relativeModes = _this$props4.relativeModes,
-          rangeUnits = _this$props4.rangeUnits,
-          showCustomRange = _this$props4.showCustomRange,
-          valueTransformer = _this$props4.valueTransformer;
+        showRelativePicker = _this$props4.showRelativePicker,
+        showFilter = _this$props4.showFilter,
+        relativeFuture = _this$props4.relativeFuture,
+        relativePast = _this$props4.relativePast,
+        ranges = _this$props4.ranges,
+        relativeModes = _this$props4.relativeModes,
+        rangeUnits = _this$props4.rangeUnits,
+        showCustomRange = _this$props4.showCustomRange,
+        valueTransformer = _this$props4.valueTransformer;
       var _this$state2 = _this.state,
-          value = _this$state2.value,
-          visibleAddonKey = _this$state2.visibleAddonKey;
-
+        value = _this$state2.value,
+        visibleAddonKey = _this$state2.visibleAddonKey;
       var allTexts = _this.allTexts();
-
       var addons = [];
-
       if (showRelativePicker && !!relativeModes && (relativeModes == null ? void 0 : relativeModes.length) > 0) {
         var addonKey = 'relative-picker';
         var rangeTranslationKey = value == null ? void 0 : value.translationKey;
@@ -264,7 +222,6 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
           key: addonKey
         });
       }
-
       if (showFilter) {
         var _addonKey = 'filter';
         var filterEnabled = value.from && value.to || isLifetime(value);
@@ -281,10 +238,8 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
           key: _addonKey
         });
       }
-
       return addons;
     });
-
     _this.state = {
       mode: MODES.DATE,
       value: normalizeRange(props.value),
@@ -292,47 +247,41 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
     };
     return _this;
   }
-
   _inheritsLoose(RawDateRangePicker, _PureComponent);
-
   var _proto = RawDateRangePicker.prototype;
-
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     var value = this.props.value;
-
     if (prevProps.value !== value) {
       this.handleRangeChange(value);
     }
   };
-
   _proto.render = function render() {
     var _this$props5 = this.props,
-        showRelativePicker = _this$props5.showRelativePicker,
-        showFilter = _this$props5.showFilter,
-        showTime = _this$props5.showTime,
-        format = _this$props5.format,
-        valueFormatOptions = _this$props5.valueFormatOptions,
-        disabledDate = _this$props5.disabledDate,
-        validate = _this$props5.validate,
-        forceAdjacentMonths = _this$props5.forceAdjacentMonths,
-        savedFilters = _this$props5.savedFilters,
-        onFilterSave = _this$props5.onFilterSave,
-        intl = _this$props5.intl,
-        _this$props5$containe = _this$props5.containerClass,
-        containerClass = _this$props5$containe === void 0 ? 'ds-date-range-picker' : _this$props5$containe,
-        footerProps = _this$props5.footerProps,
-        allowedFilterTypes = _this$props5.allowedFilterTypes,
-        _this$props5$disableA = _this$props5.disableAbsoluteTimepickerInRelative,
-        disableAbsoluteTimepickerInRelative = _this$props5$disableA === void 0 ? false : _this$props5$disableA,
-        filterValueSelectionModes = _this$props5.filterValueSelectionModes,
-        filterRangeDisplayMode = _this$props5.filterRangeDisplayMode,
-        _this$props5$showNowB = _this$props5.showNowButton,
-        showNowButton = _this$props5$showNowB === void 0 ? true : _this$props5$showNowB,
-        alignContentToTop = _this$props5.alignContentToTop;
+      showRelativePicker = _this$props5.showRelativePicker,
+      showFilter = _this$props5.showFilter,
+      showTime = _this$props5.showTime,
+      format = _this$props5.format,
+      valueFormatOptions = _this$props5.valueFormatOptions,
+      disabledDate = _this$props5.disabledDate,
+      validate = _this$props5.validate,
+      forceAdjacentMonths = _this$props5.forceAdjacentMonths,
+      savedFilters = _this$props5.savedFilters,
+      onFilterSave = _this$props5.onFilterSave,
+      intl = _this$props5.intl,
+      _this$props5$containe = _this$props5.containerClass,
+      containerClass = _this$props5$containe === void 0 ? 'ds-date-range-picker' : _this$props5$containe,
+      footerProps = _this$props5.footerProps,
+      allowedFilterTypes = _this$props5.allowedFilterTypes,
+      _this$props5$disableA = _this$props5.disableAbsoluteTimepickerInRelative,
+      disableAbsoluteTimepickerInRelative = _this$props5$disableA === void 0 ? false : _this$props5$disableA,
+      filterValueSelectionModes = _this$props5.filterValueSelectionModes,
+      filterRangeDisplayMode = _this$props5.filterRangeDisplayMode,
+      _this$props5$showNowB = _this$props5.showNowButton,
+      showNowButton = _this$props5$showNowB === void 0 ? true : _this$props5$showNowB,
+      alignContentToTop = _this$props5.alignContentToTop;
     var _this$state3 = this.state,
-        value = _this$state3.value,
-        mode = _this$state3.mode;
-
+      value = _this$state3.value,
+      mode = _this$state3.mode;
     if (value.type === 'RELATIVE' && (!value.from || !value.to)) {
       var absolute = normalizeRange(value);
       Object.assign(value, {
@@ -340,22 +289,18 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
         to: absolute.to
       });
     }
-
     var from = value.from,
-        to = value.to,
-        key = value.key;
+      to = value.to,
+      key = value.key;
     var addons = this.getAddons();
     var allTexts = this.allTexts();
-
     function isRelative(dateRange) {
       var isLegacyCustom = Object.keys(value).includes('key') && key === undefined;
       return dateRange.key && (CONST.RELATIVE_PRESETS.map(function (e) {
         return e.key;
       }).includes(dateRange.key) || dateRange.key === CONST.CUSTOM_RANGE_KEY) || isLegacyCustom;
     }
-
     var content;
-
     if (mode === MODES.FILTER) {
       content = /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(RangeFilter, {
         texts: allTexts,
@@ -374,8 +319,8 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
       };
       var isValidAbsolute = !Object.keys(value).includes('key') && Boolean(from && to);
       var isValidRelative = isRelative(value) && Boolean(value.offset && value.duration);
-      var isValidSince = value.type === 'SINCE' && Boolean(value.offset && value.duration); // TODO apply ranges and find mapped lifetime here, this applies only for defaultValueTransformer
-
+      var isValidSince = value.type === 'SINCE' && Boolean(value.offset && value.duration);
+      // TODO apply ranges and find mapped lifetime here, this applies only for defaultValueTransformer
       var isValid = (isValidAbsolute || isValidRelative || isValidSince || key === CONST.ALL_TIME) && validator.valid;
       var canSwitchToTimePicker = isValid && !isLifetime(value) && (!disableAbsoluteTimepickerInRelative || value.type === 'ABSOLUTE');
       content = /*#__PURE__*/React.createElement(Container, {
@@ -413,17 +358,16 @@ export var RawDateRangePicker = /*#__PURE__*/function (_PureComponent) {
         valueFormatOptions: valueFormatOptions
       }, footerProps)));
     }
-
     return /*#__PURE__*/React.createElement(PopupWrapper, {
       alignContentToTop: alignContentToTop,
       hasFilter: showFilter,
       hasRelativePicker: showRelativePicker
     }, content);
   };
-
   return RawDateRangePicker;
-}(PureComponent); // @ts-ignore
+}(PureComponent);
 
+// @ts-ignore
 _defineProperty(RawDateRangePicker, "defaultProps", {
   ranges: [].concat(RELATIVE_PRESETS, ABSOLUTE_PRESETS),
   relativePast: true,
@@ -436,5 +380,4 @@ _defineProperty(RawDateRangePicker, "defaultProps", {
   valueTransformer: defaultValueTransformer,
   isTruncateMs: true
 });
-
 export default injectIntl(RawDateRangePicker);

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

@@ -8,22 +8,20 @@ import OffsetField from './OffsetField/OffsetField';
 import { RANGES_MODE } from '../../../constants';
 import TimestampRange from '../TimestampRange/TimestampRange';
 export var setOffsetType = set(lensPath(['offset', 'type']));
-
 var CustomRangeForm = function CustomRangeForm(_ref) {
   var ranges = _ref.ranges,
-      rangeUnits = _ref.rangeUnits,
-      currentRange = _ref.currentRange,
-      currentGroup = _ref.currentGroup,
-      handleDurationValueChange = _ref.handleDurationValueChange,
-      handleOffsetValueChange = _ref.handleOffsetValueChange,
-      handleModeChange = _ref.handleModeChange,
-      handleChange = _ref.handleChange,
-      texts = _ref.texts,
-      handleTimestampChange = _ref.handleTimestampChange,
-      timestamp = _ref.timestamp,
-      relativeModes = _ref.relativeModes;
+    rangeUnits = _ref.rangeUnits,
+    currentRange = _ref.currentRange,
+    currentGroup = _ref.currentGroup,
+    handleDurationValueChange = _ref.handleDurationValueChange,
+    handleOffsetValueChange = _ref.handleOffsetValueChange,
+    handleModeChange = _ref.handleModeChange,
+    handleChange = _ref.handleChange,
+    texts = _ref.texts,
+    handleTimestampChange = _ref.handleTimestampChange,
+    timestamp = _ref.timestamp,
+    relativeModes = _ref.relativeModes;
   var isSinceModeEnable = currentGroup === RANGES_MODE.SINCE;
-
   var renderOffsetColumn = function renderOffsetColumn() {
     return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(OffsetField, {
       currentRange: currentRange,
@@ -34,7 +32,6 @@ var CustomRangeForm = function CustomRangeForm(_ref) {
       rangeUnits: rangeUnits
     }));
   };
-
   var renderDurationColumn = function renderDurationColumn() {
     return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(DurationField, {
       currentRange: currentRange,
@@ -45,7 +42,6 @@ var CustomRangeForm = function CustomRangeForm(_ref) {
       rangeUnits: rangeUnits
     }));
   };
-
   var renderTimestampRange = function renderTimestampRange() {
     return /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(TimestampRange, {
       handleModeChange: handleModeChange,
@@ -56,7 +52,6 @@ var CustomRangeForm = function CustomRangeForm(_ref) {
       texts: texts
     }));
   };
-
   return /*#__PURE__*/React.createElement(S.CustomForm, null, /*#__PURE__*/React.createElement(S.RangeFormColumn, null, /*#__PURE__*/React.createElement(ModeDropdown, {
     ranges: ranges,
     currentGroup: currentGroup,
@@ -66,5 +61,4 @@ var CustomRangeForm = function CustomRangeForm(_ref) {
     modes: relativeModes
   })), isSinceModeEnable ? renderTimestampRange() : renderDurationColumn(), !isSinceModeEnable && renderOffsetColumn());
 };
-
 export default CustomRangeForm;

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

@@ -7,14 +7,13 @@ import * as S from '../../../RelativeRangePicker.styles';
 import { RELATIVE_UNITS, RANGES_MODE, RELATIVE_DURATION_MAX } from '../../../../constants';
 export var setDurationType = set(lensPath(['duration', 'type']));
 var SELECT_DROPDOWN_OFFSET = -4;
-
 var DurationField = function DurationField(_ref) {
   var currentGroup = _ref.currentGroup,
-      currentRange = _ref.currentRange,
-      handleChange = _ref.handleChange,
-      handleDurationValueChange = _ref.handleDurationValueChange,
-      rangeUnits = _ref.rangeUnits,
-      texts = _ref.texts;
+    currentRange = _ref.currentRange,
+    handleChange = _ref.handleChange,
+    handleDurationValueChange = _ref.handleDurationValueChange,
+    rangeUnits = _ref.rangeUnits,
+    texts = _ref.texts;
   var duration = currentRange.duration;
   React.useEffect(function () {
     if ((duration == null ? void 0 : duration.value) < 1) {
@@ -54,5 +53,4 @@ var DurationField = function DurationField(_ref) {
     }, texts[type.toLowerCase()]);
   }))));
 };
-
 export default DurationField;

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

@@ -5,14 +5,13 @@ import * as S from '../../../RelativeRangePicker.styles';
 import { RELATIVE_UNITS, RANGES_MODE, RELATIVE_OFFSET_MAX } from '../../../../constants';
 import { setOffsetType } from '../CustomRangeForm';
 var SELECT_DROPDOWN_OFFSET = -4;
-
 var OffsetField = function OffsetField(_ref) {
   var handleOffsetValueChange = _ref.handleOffsetValueChange,
-      currentGroup = _ref.currentGroup,
-      handleChange = _ref.handleChange,
-      currentRange = _ref.currentRange,
-      texts = _ref.texts,
-      rangeUnits = _ref.rangeUnits;
+    currentGroup = _ref.currentGroup,
+    handleChange = _ref.handleChange,
+    currentRange = _ref.currentRange,
+    texts = _ref.texts,
+    rangeUnits = _ref.rangeUnits;
   var offset = currentRange.offset;
   React.useEffect(function () {
     if ((offset == null ? void 0 : offset.value) < 0) {
@@ -51,5 +50,4 @@ var OffsetField = function OffsetField(_ref) {
     }, texts[type.toLowerCase()]);
   }))));
 };
-
 export default OffsetField;

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

@@ -9,17 +9,14 @@ var MODE_TRANSLATION_KEYS = {
   FUTURE: 'next',
   SINCE: 'since'
 };
-
 var ModeDrop = function ModeDrop(_ref) {
   var currentGroup = _ref.currentGroup,
-      onModeChange = _ref.onModeChange,
-      modes = _ref.modes,
-      texts = _ref.texts;
-
+    onModeChange = _ref.onModeChange,
+    modes = _ref.modes,
+    texts = _ref.texts;
   var _React$useState = React.useState(false),
-      dropVisible = _React$useState[0],
-      setDropVisible = _React$useState[1];
-
+    dropVisible = _React$useState[0],
+    setDropVisible = _React$useState[1];
   var overlayRef = React.useRef(null);
   var handleMenuItemClick = React.useCallback(function (mode) {
     onModeChange && onModeChange(mode);
@@ -60,5 +57,4 @@ var ModeDrop = function ModeDrop(_ref) {
     component: [RANGES_ICON[currentGroup]]
   })), overlay);
 };
-
 export default ModeDrop;

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

@@ -3,12 +3,11 @@ 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;
+    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, {
@@ -21,5 +20,4 @@ var RangeButtons = function RangeButtons(_ref) {
     }, range.translationKey ? texts[range.translationKey] : texts == null ? void 0 : texts.custom);
   }));
 };
-
 export default RangeButtons;

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

@@ -12,44 +12,39 @@ var MAX_ITEMS_COUNT = 7;
 var ITEMS_HEIGHT = 32;
 var DROPDOWN_WIDTH = 160;
 var DROPDOWN_PADDING = 8;
+
 /**
  * Tell whether given date (range) is a lifetime value.
  *
  * @param date-value @{type DateRange}
  * @param fallback whether to accept existing properties, but set to `undefined`, default `false`
  */
-
 export var isLifetime = function isLifetime(range, fallback) {
   if (fallback === void 0) {
     fallback = false;
   }
-
   if (!range) {
     return false;
   }
-
   var keys = Object.keys(range);
-  var legacyDef = range.type === 'ABSOLUTE' && !keys.includes('from') && !keys.includes('to'); // reasonable def comes from the fact that empty from and to sometimes might be also set like this (from/to as undefined)
-
+  var legacyDef = range.type === 'ABSOLUTE' && !keys.includes('from') && !keys.includes('to');
+  // reasonable def comes from the fact that empty from and to sometimes might be also set like this (from/to as undefined)
   var reasonableDef = range.type === 'ABSOLUTE' && range.from === undefined && range.to === undefined;
   var legacyValueButLifetimeForSure = reasonableDef && range.translationKey === 'allTime';
   return legacyDef || fallback && reasonableDef || legacyValueButLifetimeForSure;
 };
-
 var RangeDropdown = function RangeDropdown(_ref) {
   var ranges = _ref.ranges,
-      currentRange = _ref.currentRange,
-      texts = _ref.texts,
-      onChange = _ref.onChange,
-      _ref$valueTransformer = _ref.valueTransformer,
-      valueTransformer = _ref$valueTransformer === void 0 ? function (e) {
-    return e;
-  } : _ref$valueTransformer;
-
+    currentRange = _ref.currentRange,
+    texts = _ref.texts,
+    onChange = _ref.onChange,
+    _ref$valueTransformer = _ref.valueTransformer,
+    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];
-
+    dropVisible = _React$useState[0],
+    setDropVisible = _React$useState[1];
   var dropdownRef = React.useRef(null);
   useOnClickOutside(dropdownRef, function () {
     setDropVisible(false);
@@ -103,5 +98,4 @@ var RangeDropdown = function RangeDropdown(_ref) {
     component: /*#__PURE__*/React.createElement(AngleDownS, null)
   })), overlay);
 };
-
 export default RangeDropdown;