intergalactic 15.122.0-prerelease.0 → 15.123.0

package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js

@@ -1,701 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
-import { assignProps as _assignProps3 } from 'intergalactic/core';
-import { assignProps as _assignProps2 } from 'intergalactic/core';
-import { assignProps as _assignProps } from 'intergalactic/core';
-import React from 'react';
-import dayjs from 'dayjs';
-import { Component, Root, sstyled } from 'intergalactic/core';
-import Button from 'intergalactic/button';
-import { Flex } from 'intergalactic/flex-box';
-import Dropdown from 'intergalactic/dropdown';
-import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import { localizedMessages } from '../translations/__intergalactic-dynamic-locales';
-import shortDateRangeFormat from '../utils/shortDateRangeFormat';
-import Checkbox from 'intergalactic/checkbox';
-import { LinkTrigger } from 'intergalactic/base-trigger';
-import { includesDate } from '../utils/includesDate';
-import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
-/*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_j2or8_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_j2or8_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_j2or8_gg_:active,.___SPopper_j2or8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_j2or8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_j2or8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_j2or8_gg_,.___STitle_j2or8_gg_{display:flex;align-items:center}.___STitle_j2or8_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_j2or8_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_j2or8_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_j2or8_gg_ .___SInner_j2or8_gg_{justify-content:flex-start}.___SInputMask_j2or8_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_j2or8_gg_.__animationsDisabled_j2or8_gg_{transition:none}.___SInputMask_j2or8_gg_ .___SValue_j2or8_gg_{letter-spacing:0}.___SIndicator_j2or8_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_j2or8_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_j2or8_gg_._range_value_j2or8_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_j2or8_gg_._range_compare_j2or8_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_j2or8_gg_.__disabled_j2or8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_j2or8_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_j2or8_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_j2or8_gg_ .___SMask_j2or8_gg_,.___SDateRange_j2or8_gg_ .___SValue_j2or8_gg_,.___SSingleDateInput_j2or8_gg_ .___SMask_j2or8_gg_,.___SSingleDateInput_j2or8_gg_ .___SValue_j2or8_gg_{opacity:0}.___SSingleDateInput_j2or8_gg_:focus-within .___SHumanizedDate_j2or8_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_j2or8_gg_:focus-within .___SMask_j2or8_gg_,.___SSingleDateInput_j2or8_gg_:focus-within .___SValue_j2or8_gg_{opacity:1}.___SDateRange_j2or8_gg_:focus-within .___SHumanizedDate_j2or8_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_j2or8_gg_:focus-within .___SMask_j2or8_gg_,.___SDateRange_j2or8_gg_:focus-within .___SValue_j2or8_gg_{opacity:1}.___SInputMask_j2or8_gg_.__noHumanizedDate_j2or8_gg_ .___SMask_j2or8_gg_,.___SInputMask_j2or8_gg_.__noHumanizedDate_j2or8_gg_ .___SValue_j2or8_gg_{opacity:1}.___SDateRange_j2or8_gg_ .___SInputMask_j2or8_gg_:focus-within .___SMask_j2or8_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_j2or8_gg_:focus-within .___SRangeSep_j2or8_gg_,.___SRangeSep_j2or8_gg_.__fulfilled_j2or8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_j2or8_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_j2or8_gg_,.___SRangeComparatorHeader_j2or8_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_j2or8_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_j2or8_gg_,.___SPeriodsList_j2or8_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_j2or8_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_j2or8_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_j2or8_gg_{transition:none}}" /*__inner_css_end__*/, "j2or8_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_j2or8_gg_",
-  "__STitle": "___STitle_j2or8_gg_",
-  "__SToday": "___SToday_j2or8_gg_",
-  "__SPeriod": "___SPeriod_j2or8_gg_",
-  "__SButton": "___SButton_j2or8_gg_",
-  "__SInner": "___SInner_j2or8_gg_",
-  "__SInputMask": "___SInputMask_j2or8_gg_",
-  "_animationsDisabled": "__animationsDisabled_j2or8_gg_",
-  "__SValue": "___SValue_j2or8_gg_",
-  "__SIndicator": "___SIndicator_j2or8_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_j2or8_gg_",
-  "_range_value": "_range_value_j2or8_gg_",
-  "_range_compare": "_range_compare_j2or8_gg_",
-  "_disabled": "__disabled_j2or8_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_j2or8_gg_",
-  "__SMask": "___SMask_j2or8_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_j2or8_gg_",
-  "__SDateRange": "___SDateRange_j2or8_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_j2or8_gg_",
-  "__SRangeSep": "___SRangeSep_j2or8_gg_",
-  "_fulfilled": "__fulfilled_j2or8_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_j2or8_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_j2or8_gg_",
-  "__SFooter": "___SFooter_j2or8_gg_",
-  "__SPeriodsList": "___SPeriodsList_j2or8_gg_",
-  "__STooltip": "___STooltip_j2or8_gg_",
-  "__SCompareToggle": "___SCompareToggle_j2or8_gg_",
-  "__SPopper": "___SPopper_j2or8_gg_"
-});
-var INTERACTION_TAGS = ['INPUT'];
-var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
-var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
-var getLatestDate = function getLatestDate() {
-  for (var _len = arguments.length, dateRanges = new Array(_len), _key = 0; _key < _len; _key++) {
-    dateRanges[_key] = arguments[_key];
-  }
-  var allDates = dateRanges.flat().filter(Boolean).filter(function (date) {
-    return !Number.isNaN(new Date(date).getTime());
-  });
-  if (!allDates.length) return null;
-  allDates.sort(function (a, b) {
-    return new Date(b).getTime() - new Date(a).getTime();
-  });
-  var latestDate = allDates[0];
-  return latestDate;
-};
-var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
-  _inherits(DateRangeComparatorAbstract, _Component);
-  var _super = _createSuper(DateRangeComparatorAbstract);
-  function DateRangeComparatorAbstract() {
-    var _this;
-    _classCallCheck(this, DateRangeComparatorAbstract);
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "popperRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "unitRefs", {});
-    _defineProperty(_assertThisInitialized(_this), "navigateView", function (direction) {
-      var displayedPeriod = _this.asProps.displayedPeriod;
-      var action = direction >= 1 ? 'add' : 'subtract';
-      var date = dayjs(displayedPeriod)[action](1, _this.navigateStep).toDate();
-      _this.handlers.displayedPeriod(date);
-    });
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerNavigateClick", function (direction) {
-      return function () {
-        return _this.navigateView(direction);
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleApplyClick", function () {
-      var _this$asProps = _this.asProps,
-        value = _this$asProps.value,
-        preselectedValue = _this$asProps.preselectedValue,
-        preselectedCompare = _this$asProps.preselectedCompare;
-      return _this.handleApply(preselectedValue !== null && preselectedValue !== void 0 ? preselectedValue : value === null || value === void 0 ? void 0 : value.value, preselectedCompare !== null && preselectedCompare !== void 0 ? preselectedCompare : value === null || value === void 0 ? void 0 : value.compare);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleApply", function (value, compare) {
-      _this.handlers.value({
-        value: value,
-        compare: compare
-      });
-      _this.handlers.visible(false);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeydownDown", function (place) {
-      return function (e) {
-        var _this$asProps2 = _this.asProps,
-          displayedPeriod = _this$asProps2.displayedPeriod,
-          preselectedValue = _this$asProps2.preselectedValue,
-          visible = _this$asProps2.visible,
-          focusedRange = _this$asProps2.focusedRange;
-        var key = e.key;
-        var highlighted = focusedRange === 'compare' ? _this.asProps.compareHighlighted : _this.asProps.highlighted;
-        if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
-          e.preventDefault();
-          e.stopPropagation();
-          _this.handlers.visible(!visible);
-          setTimeout(function () {
-            var popper = _this.popperRef.current;
-            if (popper) {
-              popper.focus();
-            }
-          }, 0);
-        }
-        var day = _this.keyDiff[key];
-        var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
-          var _next_highlighted = _slicedToArray(next_highlighted, 2),
-            startPeriod = _next_highlighted[0],
-            endPeriod = _next_highlighted[1];
-          var highlightedPeriod = endPeriod || startPeriod;
-          var displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getDate();
-          var highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getDate();
-          if (_this.navigateStep === 'month') {
-            displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
-            highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getMonth();
-          }
-          if (_this.navigateStep === 'year') {
-            displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getYear();
-            highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getYear();
-          }
-          var offset = highlightedPeriodNormalized - displayedPeriodNormalized;
-          if (offset < 0 || offset > 1) {
-            return highlightedPeriod;
-          }
-          return displayedPeriod;
-        };
-        if (place === 'popper' && e.key === ' ' && highlighted.length) {
-          var highlightedDate = highlighted[1] || highlighted[0];
-          if (!_this.isDisabled(highlightedDate)) {
-            _this.handleChange(highlightedDate);
-          }
-          e.preventDefault();
-        }
-        if (place === 'popper' && e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
-          return _this.handleApplyClick();
-        }
-        var changedDate = undefined;
-        if (day) {
-          if (INTERACTION_TAGS.includes(e.target.tagName)) return;
-          if (highlighted.length) {
-            var next_highlighted;
-            if ((preselectedValue === null || preselectedValue === void 0 ? void 0 : preselectedValue.length) === 1) {
-              next_highlighted = [preselectedValue[0], dayjs(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
-              changedDate = next_highlighted[1];
-            } else {
-              next_highlighted = [dayjs(highlighted[0]).add(day, _this.keyStep).toDate()];
-              changedDate = next_highlighted[0];
-            }
-            if (focusedRange === 'compare') {
-              _this.handlers.compareHighlighted(next_highlighted);
-            } else {
-              _this.handlers.highlighted(next_highlighted);
-            }
-            _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
-          } else {
-            var _highlighted = [displayedPeriod ? displayedPeriod : dayjs().toDate()];
-            if (focusedRange === 'compare') {
-              _this.handlers.compareHighlighted(_highlighted);
-            } else {
-              _this.handlers.highlighted(_highlighted);
-            }
-            changedDate = _highlighted[0];
-          }
-          e.preventDefault();
-          if (changedDate) {
-            var _this$unitRefs$format;
-            var formatter = _this.keyStep === 'month' ? formatMMYY : formatDDMMYY;
-            var formattedDate = formatter(changedDate, _this.asProps.locale);
-            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 ? void 0 : _this$unitRefs$format.focus();
-          }
-        }
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "triggerFormattingProps", {
-      day: 'numeric',
-      month: 'short',
-      year: 'numeric'
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (date) {
-      var _value, _value2, _value3;
-      var _this$asProps3 = _this.asProps,
-        focusedRange = _this$asProps3.focusedRange,
-        preselectedCompare = _this$asProps3.preselectedCompare,
-        preselectedValue = _this$asProps3.preselectedValue;
-      var highlighted = [];
-      var value = focusedRange === 'compare' ? preselectedCompare : preselectedValue;
-      if (Array.isArray(date)) {
-        value = date;
-      } else if (!((_value = value) !== null && _value !== void 0 && _value.length)) {
-        value = [date];
-        highlighted = [date];
-      } else if (((_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.length) >= 2) {
-        value = [date];
-        highlighted = [date];
-      } else if (((_value3 = value) === null || _value3 === void 0 ? void 0 : _value3[0]) > date) {
-        var _value4;
-        value = [date, (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4[0]];
-      } else {
-        var _value5;
-        value = [(_value5 = value) === null || _value5 === void 0 ? void 0 : _value5[0], date];
-      }
-      if (focusedRange === 'compare') {
-        _this.handlers.preselectedCompare(value);
-        _this.handlers.compareHighlighted(highlighted);
-      } else {
-        _this.handlers.preselectedValue(value);
-        _this.handlers.highlighted(highlighted);
-      }
-    });
-    return _this;
-  }
-  _createClass(DateRangeComparatorAbstract, [{
-    key: "getPeriodProps",
-    value: function getPeriodProps() {
-      var _this$asProps$value,
-        _this2 = this;
-      var _this$asProps4 = this.asProps,
-        _this$asProps4$period = _this$asProps4.periods,
-        periods = _this$asProps4$period === void 0 ? this.getDefaultPeriods() : _this$asProps4$period,
-        onHighlightedChange = _this$asProps4.onHighlightedChange,
-        onCompareHighlightedChange = _this$asProps4.onCompareHighlightedChange,
-        onDisplayedPeriodChange = _this$asProps4.onDisplayedPeriodChange,
-        preselectedValue = _this$asProps4.preselectedValue,
-        preselectedCompare = _this$asProps4.preselectedCompare,
-        focusedRange = _this$asProps4.focusedRange,
-        getI18nText = _this$asProps4.getI18nText;
-      var value = preselectedValue !== null && preselectedValue !== void 0 ? preselectedValue : (_this$asProps$value = this.asProps.value) === null || _this$asProps$value === void 0 ? void 0 : _this$asProps$value.value;
-      if (focusedRange === 'compare') {
-        var _this$asProps$value2;
-        value = preselectedCompare !== null && preselectedCompare !== void 0 ? preselectedCompare : (_this$asProps$value2 = this.asProps.value) === null || _this$asProps$value2 === void 0 ? void 0 : _this$asProps$value2.compare;
-      }
-      return {
-        periods: periods,
-        value: value,
-        onChange: function onChange(value) {
-          if (focusedRange === 'compare') {
-            _this2.handlers.preselectedCompare(value);
-          } else {
-            _this2.handlers.preselectedValue(value);
-          }
-        },
-        onHighlightedChange: focusedRange === 'compare' ? onCompareHighlightedChange : onHighlightedChange,
-        onDisplayedPeriodChange: onDisplayedPeriodChange,
-        role: 'listbox',
-        'aria-label': getI18nText('periods')
-      };
-    }
-  }, {
-    key: "getPrevProps",
-    value: function getPrevProps() {
-      var getI18nText = this.asProps.getI18nText;
-      var navigateStep = this.navigateStep;
-      return {
-        getI18nText: getI18nText,
-        onClick: this.bindHandlerNavigateClick(-1),
-        'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear')
-      };
-    }
-  }, {
-    key: "getNextProps",
-    value: function getNextProps() {
-      var getI18nText = this.asProps.getI18nText;
-      var navigateStep = this.navigateStep;
-      return {
-        getI18nText: getI18nText,
-        onClick: this.bindHandlerNavigateClick(1),
-        'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear')
-      };
-    }
-  }, {
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      var _this3 = this;
-      return {
-        displayedPeriod: null,
-        visible: [null, function (visible) {
-          if (!visible) {
-            _this3.handlers.highlighted([]);
-            _this3.handlers.compareHighlighted([]);
-            _this3.handlers.preselectedValue(undefined);
-            _this3.handlers.preselectedCompare(undefined);
-            _this3.handlers.compareToggle(undefined);
-            _this3.handlers.focusedRange('value');
-          } else {
-            var _this3$asProps$value, _this3$asProps$value$;
-            _this3.handlers.compareToggle(!!((_this3$asProps$value = _this3.asProps.value) !== null && _this3$asProps$value !== void 0 && (_this3$asProps$value$ = _this3$asProps$value.compare) !== null && _this3$asProps$value$ !== void 0 && _this3$asProps$value$.length));
-          }
-          var _this3$asProps = _this3.asProps,
-            value = _this3$asProps.value,
-            displayedPeriod = _this3$asProps.displayedPeriod;
-          var newDisplayedPeriod = value ? getLatestDate(value.value, value.compare) : undefined;
-          if (visible) {
-            if (newDisplayedPeriod && newDisplayedPeriod !== displayedPeriod) {
-              _this3.handlers.displayedPeriod(newDisplayedPeriod);
-            } else if (!newDisplayedPeriod) {
-              var _this3$props = _this3.props,
-                _displayedPeriod = _this3$props.displayedPeriod,
-                _defaultDisplayedPeriod = _this3$props.defaultDisplayedPeriod;
-              _this3.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
-            }
-          }
-        }],
-        highlighted: null,
-        compareHighlighted: null,
-        preselectedValue: null,
-        preselectedCompare: null,
-        compareToggle: null,
-        focusedRange: null,
-        value: [null, function (value) {
-          var dates = [value === null || value === void 0 ? void 0 : value.value, value === null || value === void 0 ? void 0 : value.compare].flat(2).filter(function (date) {
-            var _date$isValid;
-            return date === null || date === void 0 ? void 0 : (_date$isValid = date.isValid) === null || _date$isValid === void 0 ? void 0 : _date$isValid.call(date);
-          });
-          if (dates.length > 0) _this3.handlers.displayedPeriod(getLatestDate(value));
-        }]
-      };
-    }
-  }, {
-    key: "getApplyProps",
-    value: function getApplyProps() {
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        getI18nText: getI18nText,
-        onClick: this.handleApplyClick
-      };
-    }
-  }, {
-    key: "getResetProps",
-    value: function getResetProps() {
-      var _this4 = this;
-      var getI18nText = this.asProps.getI18nText;
-      return {
-        getI18nText: getI18nText,
-        onClick: function onClick() {
-          return _this4.handleApply(null, null);
-        }
-      };
-    }
-  }, {
-    key: "isDisabled",
-    value: function isDisabled(date) {
-      var disabled = this.asProps.disabled;
-      return disabled.some(includesDate(dayjs(date), 'date'));
-    }
-  }, {
-    key: "getDefaultPeriods",
-    value: function getDefaultPeriods() {
-      var getI18nText = this.asProps.getI18nText;
-      var today = new Date(new Date().setHours(0, 0, 0, 0));
-      return [{
-        children: getI18nText('lastMonth'),
-        value: [dayjs(today).subtract(1, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
-      }, {
-        children: getI18nText('last3Months'),
-        value: [dayjs(today).subtract(2, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
-      }, {
-        children: getI18nText('last6Months'),
-        value: [dayjs(today).subtract(5, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
-      }, {
-        children: getI18nText('last12Months'),
-        value: [dayjs(today).subtract(11, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
-      }];
-    }
-  }, {
-    key: "getTitleProps",
-    value: function getTitleProps(props, index) {
-      var _this$asProps5 = this.asProps,
-        locale = _this$asProps5.locale,
-        displayedPeriod = _this$asProps5.displayedPeriod;
-      return {
-        children: new Intl.DateTimeFormat(locale, {
-          month: 'long',
-          year: 'numeric'
-        }).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
-      };
-    }
-  }, {
-    key: "getTriggerProps",
-    value: function getTriggerProps(_ref10) {
-      var _this$asProps$value3,
-        _this$asProps$value4,
-        _this5 = this;
-      var _ref10$placeholder = _ref10.placeholder,
-        placeholder = _ref10$placeholder === void 0 ? 'Select date ranges' : _ref10$placeholder,
-        _ref10$separator = _ref10.separator,
-        separator = _ref10$separator === void 0 ? 'vs.' : _ref10$separator;
-      var _this$asProps6 = this.asProps,
-        locale = _this$asProps6.locale,
-        visible = _this$asProps6.visible;
-      var value = (_this$asProps$value3 = this.asProps.value) === null || _this$asProps$value3 === void 0 ? void 0 : _this$asProps$value3.value;
-      var compare = (_this$asProps$value4 = this.asProps.value) === null || _this$asProps$value4 === void 0 ? void 0 : _this$asProps$value4.compare;
-      var formattingProps = _objectSpread({
-        locale: locale
-      }, this.triggerFormattingProps);
-      var children = placeholder;
-      if (value !== null && value !== void 0 && value[0] && value !== null && value !== void 0 && value[1]) {
-        children = shortDateRangeFormat(value, formattingProps);
-      }
-      if (compare !== null && compare !== void 0 && compare[0] && compare !== null && compare !== void 0 && compare[1]) {
-        children = "".concat(children || '', " ").concat(separator, " ").concat(shortDateRangeFormat(compare, formattingProps));
-      }
-      return {
-        children: children,
-        visible: visible,
-        onClick: function onClick() {
-          return _this5.handlers.visible(!visible);
-        },
-        onKeyDown: this.handleKeydownDown('trigger')
-      };
-    }
-  }, {
-    key: "getRangeInput",
-    value: function getRangeInput() {
-      throw new Error('not implemented');
-    }
-  }, {
-    key: "getRangeInputProps",
-    value: function getRangeInputProps() {
-      return {
-        inputRole: null
-      };
-    }
-  }, {
-    key: "getValueDateRangeProps",
-    value: function getValueDateRangeProps() {
-      var _this6 = this;
-      var _this$asProps7 = this.asProps,
-        value = _this$asProps7.value,
-        onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange,
-        locale = _this$asProps7.locale,
-        disabled = _this$asProps7.disabled,
-        disabledErrorText = _this$asProps7.disabledErrorText,
-        getI18nText = _this$asProps7.getI18nText,
-        focusedRange = _this$asProps7.focusedRange,
-        preselectedValue = _this$asProps7.preselectedValue,
-        animationsDisabled = _this$asProps7.animationsDisabled,
-        visible = _this$asProps7.visible;
-      return {
-        popoverVisible: visible,
-        focused: focusedRange === 'value' ? true : undefined,
-        value: preselectedValue !== null && preselectedValue !== void 0 ? preselectedValue : value === null || value === void 0 ? void 0 : value.value,
-        onChange: function onChange(value) {
-          return _this6.handlers.preselectedValue(value);
-        },
-        onDisplayedPeriodChange: onDisplayedPeriodChange,
-        locale: locale,
-        disabledDates: disabled,
-        disabledErrorText: disabledErrorText,
-        children: this.getRangeInput(),
-        getI18nText: getI18nText,
-        onFocus: function onFocus() {
-          _this6.handlers.focusedRange('value');
-        },
-        animationsDisabled: animationsDisabled
-      };
-    }
-  }, {
-    key: "getCompareDateRangeProps",
-    value: function getCompareDateRangeProps() {
-      var _value$compare,
-        _this7 = this;
-      var _this$asProps8 = this.asProps,
-        value = _this$asProps8.value,
-        onDisplayedPeriodChange = _this$asProps8.onDisplayedPeriodChange,
-        locale = _this$asProps8.locale,
-        disabled = _this$asProps8.disabled,
-        disabledErrorText = _this$asProps8.disabledErrorText,
-        getI18nText = _this$asProps8.getI18nText,
-        focusedRange = _this$asProps8.focusedRange,
-        preselectedCompare = _this$asProps8.preselectedCompare,
-        compareToggle = _this$asProps8.compareToggle,
-        animationsDisabled = _this$asProps8.animationsDisabled,
-        visible = _this$asProps8.visible;
-      return {
-        popoverVisible: visible,
-        focused: focusedRange === 'compare' ? true : undefined,
-        disabled: !(compareToggle !== null && compareToggle !== void 0 ? compareToggle : value === null || value === void 0 ? void 0 : (_value$compare = value.compare) === null || _value$compare === void 0 ? void 0 : _value$compare.length),
-        value: preselectedCompare !== null && preselectedCompare !== void 0 ? preselectedCompare : value === null || value === void 0 ? void 0 : value.compare,
-        onChange: function onChange(value) {
-          return _this7.handlers.preselectedCompare(value);
-        },
-        onDisplayedPeriodChange: onDisplayedPeriodChange,
-        locale: locale,
-        disabledDates: disabled,
-        children: this.getRangeInput(),
-        getI18nText: getI18nText,
-        disabledErrorText: disabledErrorText,
-        onFocus: function onFocus() {
-          _this7.handlers.focusedRange('compare');
-        },
-        animationsDisabled: animationsDisabled
-      };
-    }
-  }, {
-    key: "getCompareToggleProps",
-    value: function getCompareToggleProps() {
-      var _this8 = this;
-      var _this$asProps9 = this.asProps,
-        getI18nText = _this$asProps9.getI18nText,
-        value = _this$asProps9.value,
-        compareToggle = _this$asProps9.compareToggle;
-      return {
-        getI18nText: getI18nText,
-        checked: compareToggle,
-        onChange: function onChange(checked) {
-          if (checked) {
-            _this8.handlers.compareToggle(true);
-            _this8.handlers.focusedRange('compare');
-          } else {
-            _this8.handlers.compareToggle(false);
-            _this8.handlers.focusedRange('value');
-            _this8.handlers.preselectedCompare([]);
-          }
-        }
-      };
-    }
-  }, {
-    key: "getCalendarProps",
-    value: function getCalendarProps(_props, index) {
-      var _this$asProps10 = this.asProps,
-        locale = _this$asProps10.locale,
-        displayedPeriod = _this$asProps10.displayedPeriod,
-        disabled = _this$asProps10.disabled,
-        value = _this$asProps10.value,
-        onCompareHighlightedChange = _this$asProps10.onCompareHighlightedChange,
-        highlighted = _this$asProps10.highlighted,
-        compareHighlighted = _this$asProps10.compareHighlighted,
-        onHighlightedChange = _this$asProps10.onHighlightedChange,
-        preselectedCompare = _this$asProps10.preselectedCompare,
-        preselectedValue = _this$asProps10.preselectedValue,
-        focusedRange = _this$asProps10.focusedRange,
-        getI18nText = _this$asProps10.getI18nText;
-      return {
-        locale: locale,
-        displayedPeriod: dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),
-        disabled: disabled,
-        onChange: this.handleChange,
-        highlighted: highlighted,
-        compareHighlighted: compareHighlighted,
-        onCompareHighlightedChange: onCompareHighlightedChange,
-        onHighlightedChange: onHighlightedChange,
-        range: focusedRange,
-        value: preselectedValue !== null && preselectedValue !== void 0 ? preselectedValue : value === null || value === void 0 ? void 0 : value.value,
-        compare: preselectedCompare !== null && preselectedCompare !== void 0 ? preselectedCompare : value === null || value === void 0 ? void 0 : value.compare,
-        unitRefs: this.unitRefs,
-        getI18nText: getI18nText,
-        actionsDescribing: index === 0 ? 'range-compare' : null,
-        tabIndex: index === 0 ? 0 : -1
-      };
-    }
-  }, {
-    key: "getPopperProps",
-    value: function getPopperProps() {
-      return {
-        p: 0,
-        ref: this.popperRef,
-        onKeyDown: this.handleKeydownDown('popper')
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref4;
-      var _this$asProps11 = this.asProps,
-        Children = _this$asProps11.Children,
-        styles = _this$asProps11.styles,
-        providedAriaLabel = _this$asProps11['aria-label'];
-      return /*#__PURE__*/React.createElement(React.Fragment, null, (_ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({
-        "use:aria-label": providedAriaLabel,
-        "__excludeProps": ['onChange', 'value']
-      }, _ref), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})))));
-    }
-  }], [{
-    key: "defaultProps",
-    value: function defaultProps(_ref11) {
-      var primaryRange = _ref11.primaryRange,
-        defaultPrimaryRange = _ref11.defaultPrimaryRange,
-        secondaryRange = _ref11.secondaryRange,
-        defaultSecondaryRange = _ref11.defaultSecondaryRange;
-      return {
-        i18n: localizedMessages,
-        locale: 'en',
-        defaultValue: null,
-        defaultHighlighted: [],
-        defaultCompareHighlighted: [],
-        defaultDisplayedPeriod: getLatestDate(primaryRange, defaultPrimaryRange, secondaryRange, defaultSecondaryRange) || defaultDisplayedPeriod,
-        defaultVisible: false,
-        defaultPreselectedValue: null,
-        defaultPreselectedCompare: null,
-        defaultCompareToggle: null,
-        defaultFocusedRange: 'value',
-        disabled: [],
-        size: 'm'
-      };
-    }
-  }]);
-  return DateRangeComparatorAbstract;
-}(Component);
-_defineProperty(DateRangeComparatorAbstract, "displayName", 'DateRangeComparator');
-_defineProperty(DateRangeComparatorAbstract, "style", style);
-_defineProperty(DateRangeComparatorAbstract, "enhance", [i18nEnhance(localizedMessages)]);
-_defineProperty(DateRangeComparatorAbstract, "subtract", function (date, amount, unit) {
-  return dayjs(date).subtract(amount, unit).toDate();
-});
-function Apply(props) {
-  var _ref2 = arguments[0];
-  var getI18nText = props.getI18nText;
-  return /*#__PURE__*/React.createElement(Button, _assignProps2({
-    "use": 'primary',
-    "children": getI18nText('apply')
-  }, _ref2));
-}
-function Reset(props) {
-  var _ref3 = arguments[0];
-  var getI18nText = props.getI18nText;
-  return /*#__PURE__*/React.createElement(Button, _assignProps3({
-    "use": 'tertiary',
-    "theme": 'muted',
-    "children": getI18nText('reset')
-  }, _ref3));
-}
-function Trigger(props) {
-  var _ref5;
-  var STrigger = props.Root,
-    styles = props.styles;
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STrigger, _ref5.cn("STrigger", {
-    "render": Dropdown.Trigger,
-    "tag": LinkTrigger
-  }));
-}
-function CompareToggle(props) {
-  var _ref6;
-  var SCompareToggle = props.Root,
-    styles = props.styles,
-    getI18nText = props.getI18nText;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SCompareToggle, _ref6.cn("SCompareToggle", {
-    "render": Checkbox,
-    "label": getI18nText('compare')
-  }));
-}
-function Header(props) {
-  var _ref7;
-  var SRangeComparatorHeader = props.Root,
-    Children = props.Children,
-    styles = props.styles;
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SRangeComparatorHeader, _ref7.cn("SRangeComparatorHeader", {
-    "render": Flex,
-    "gap": 4,
-    "alignItems": 'center'
-  }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
-}
-function Body(props) {
-  var _ref8;
-  var SBody = props.Root,
-    Children = props.Children,
-    styles = props.styles;
-  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref8.cn("SBody", {
-    "render": Flex,
-    "gap": 4
-  }), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
-}
-function Footer(props) {
-  var _ref9;
-  var SFooter = props.Root,
-    styles = props.styles,
-    Children = props.Children;
-  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SFooter, _ref9.cn("SFooter", {
-    "render": Flex,
-    "gap": 2
-  }), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
-}
-export { Apply, Reset, Trigger, CompareToggle, Body, Footer, Header };
-export default DateRangeComparatorAbstract;
-//# sourceMappingURL=DateRangeComparatorAbstract.js.map