@semcore/date-picker 16.1.1 → 16.1.2-prerelease.1

package/lib/esm/components/DateRangeComparatorAbstract.mjs

@@ -2,61 +2,65 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
-import React from "react";
-import dayjs from "dayjs";
+import { LinkTrigger } from "@semcore/base-trigger";
 import Button from "@semcore/button";
-import { Flex } from "@semcore/flex-box";
-import Dropdown from "@semcore/dropdown";
+import Checkbox from "@semcore/checkbox";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import Dropdown from "@semcore/dropdown";
+import { Flex } from "@semcore/flex-box";
+import dayjs from "dayjs";
+import React from "react";
 import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
-import shortDateRangeFormat from "../utils/shortDateRangeFormat.mjs";
-import Checkbox from "@semcore/checkbox";
-import { LinkTrigger } from "@semcore/base-trigger";
-import { includesDate } from "../utils/includesDate.mjs";
 import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
+import { includesDate } from "../utils/includesDate.mjs";
+import shortDateRangeFormat from "../utils/shortDateRangeFormat.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_vjoge_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_vjoge_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_vjoge_gg_:active,.___SPopper_vjoge_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_vjoge_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_vjoge_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_vjoge_gg_,.___STitle_vjoge_gg_{display:flex;align-items:center}.___STitle_vjoge_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_vjoge_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_vjoge_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_vjoge_gg_ .___SInner_vjoge_gg_{justify-content:flex-start}.___SInputMask_vjoge_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_vjoge_gg_.__animationsDisabled_vjoge_gg_{transition:none}.___SInputMask_vjoge_gg_ .___SValue_vjoge_gg_{letter-spacing:0}.___SIndicator_vjoge_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_vjoge_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_vjoge_gg_._range_value_vjoge_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_vjoge_gg_._range_compare_vjoge_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_vjoge_gg_.__disabled_vjoge_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_vjoge_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_vjoge_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_vjoge_gg_ .___SMask_vjoge_gg_,.___SDateRange_vjoge_gg_ .___SValue_vjoge_gg_,.___SSingleDateInput_vjoge_gg_ .___SMask_vjoge_gg_,.___SSingleDateInput_vjoge_gg_ .___SValue_vjoge_gg_{opacity:0}.___SSingleDateInput_vjoge_gg_:focus-within .___SHumanizedDate_vjoge_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_vjoge_gg_:focus-within .___SMask_vjoge_gg_,.___SSingleDateInput_vjoge_gg_:focus-within .___SValue_vjoge_gg_{opacity:1}.___SDateRange_vjoge_gg_:focus-within .___SHumanizedDate_vjoge_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_vjoge_gg_:focus-within .___SMask_vjoge_gg_,.___SDateRange_vjoge_gg_:focus-within .___SValue_vjoge_gg_{opacity:1}.___SInputMask_vjoge_gg_.__noHumanizedDate_vjoge_gg_ .___SMask_vjoge_gg_,.___SInputMask_vjoge_gg_.__noHumanizedDate_vjoge_gg_ .___SValue_vjoge_gg_{opacity:1}.___SDateRange_vjoge_gg_ .___SInputMask_vjoge_gg_:focus-within .___SMask_vjoge_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_vjoge_gg_:focus-within .___SRangeSep_vjoge_gg_,.___SRangeSep_vjoge_gg_.__fulfilled_vjoge_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_vjoge_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_vjoge_gg_,.___SRangeComparatorHeader_vjoge_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_vjoge_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_vjoge_gg_,.___SPeriodsList_vjoge_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_vjoge_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_vjoge_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_vjoge_gg_{transition:none}}",
+    ".___SPopper_1rb5x_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1rb5x_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1rb5x_gg_:active,.___SPopper_1rb5x_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1rb5x_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1rb5x_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1rb5x_gg_,.___STitle_1rb5x_gg_{display:flex;align-items:center}.___STitle_1rb5x_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1rb5x_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1rb5x_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1rb5x_gg_ .___SInner_1rb5x_gg_{justify-content:flex-start}.___SInputMask_1rb5x_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_1rb5x_gg_.__animationsDisabled_1rb5x_gg_{transition:none}.___SInputMask_1rb5x_gg_ .___SValue_1rb5x_gg_{letter-spacing:0}.___SIndicator_1rb5x_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1rb5x_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1rb5x_gg_._range_value_1rb5x_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1rb5x_gg_._range_compare_1rb5x_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1rb5x_gg_.__disabled_1rb5x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1rb5x_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1rb5x_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1rb5x_gg_ .___SMask_1rb5x_gg_,.___SDateRange_1rb5x_gg_ .___SValue_1rb5x_gg_,.___SSingleDateInput_1rb5x_gg_ .___SMask_1rb5x_gg_,.___SSingleDateInput_1rb5x_gg_ .___SValue_1rb5x_gg_{opacity:0}.___SSingleDateInput_1rb5x_gg_:focus-within .___SHumanizedDate_1rb5x_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1rb5x_gg_:focus-within .___SMask_1rb5x_gg_,.___SSingleDateInput_1rb5x_gg_:focus-within .___SValue_1rb5x_gg_{opacity:1}.___SDateRange_1rb5x_gg_:focus-within .___SHumanizedDate_1rb5x_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1rb5x_gg_:focus-within .___SMask_1rb5x_gg_,.___SDateRange_1rb5x_gg_:focus-within .___SValue_1rb5x_gg_{opacity:1}.___SInputMask_1rb5x_gg_.__noHumanizedDate_1rb5x_gg_ .___SMask_1rb5x_gg_,.___SInputMask_1rb5x_gg_.__noHumanizedDate_1rb5x_gg_ .___SValue_1rb5x_gg_{opacity:1}.___SDateRange_1rb5x_gg_ .___SInputMask_1rb5x_gg_:focus-within .___SMask_1rb5x_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1rb5x_gg_:focus-within .___SRangeSep_1rb5x_gg_,.___SRangeSep_1rb5x_gg_.__fulfilled_1rb5x_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1rb5x_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1rb5x_gg_,.___SRangeComparatorHeader_1rb5x_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1rb5x_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1rb5x_gg_,.___SPeriodsList_1rb5x_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1rb5x_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1rb5x_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1rb5x_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "vjoge_gg_"
+    "1rb5x_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_vjoge_gg_",
-    "__STitle": "___STitle_vjoge_gg_",
-    "__SToday": "___SToday_vjoge_gg_",
-    "__SPeriod": "___SPeriod_vjoge_gg_",
-    "__SButton": "___SButton_vjoge_gg_",
-    "__SInner": "___SInner_vjoge_gg_",
-    "__SInputMask": "___SInputMask_vjoge_gg_",
-    "_animationsDisabled": "__animationsDisabled_vjoge_gg_",
-    "__SValue": "___SValue_vjoge_gg_",
-    "__SIndicator": "___SIndicator_vjoge_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_vjoge_gg_",
-    "_range_value": "_range_value_vjoge_gg_",
-    "_range_compare": "_range_compare_vjoge_gg_",
-    "_disabled": "__disabled_vjoge_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_vjoge_gg_",
-    "__SMask": "___SMask_vjoge_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_vjoge_gg_",
-    "__SDateRange": "___SDateRange_vjoge_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_vjoge_gg_",
-    "__SRangeSep": "___SRangeSep_vjoge_gg_",
-    "_fulfilled": "__fulfilled_vjoge_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_vjoge_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_vjoge_gg_",
-    "__SFooter": "___SFooter_vjoge_gg_",
-    "__SPeriodsList": "___SPeriodsList_vjoge_gg_",
-    "__STooltip": "___STooltip_vjoge_gg_",
-    "__SCompareToggle": "___SCompareToggle_vjoge_gg_",
-    "__SPopper": "___SPopper_vjoge_gg_"
+    "__SHeader": "___SHeader_1rb5x_gg_",
+    "__STitle": "___STitle_1rb5x_gg_",
+    "__SToday": "___SToday_1rb5x_gg_",
+    "__SPeriod": "___SPeriod_1rb5x_gg_",
+    "__SButton": "___SButton_1rb5x_gg_",
+    "__SInner": "___SInner_1rb5x_gg_",
+    "__SInputMask": "___SInputMask_1rb5x_gg_",
+    "_animationsDisabled": "__animationsDisabled_1rb5x_gg_",
+    "__SValue": "___SValue_1rb5x_gg_",
+    "__SIndicator": "___SIndicator_1rb5x_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_1rb5x_gg_",
+    "_range_value": "_range_value_1rb5x_gg_",
+    "_range_compare": "_range_compare_1rb5x_gg_",
+    "_disabled": "__disabled_1rb5x_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_1rb5x_gg_",
+    "__SMask": "___SMask_1rb5x_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_1rb5x_gg_",
+    "__SDateRange": "___SDateRange_1rb5x_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_1rb5x_gg_",
+    "__SRangeSep": "___SRangeSep_1rb5x_gg_",
+    "_fulfilled": "__fulfilled_1rb5x_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_1rb5x_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_1rb5x_gg_",
+    "__SFooter": "___SFooter_1rb5x_gg_",
+    "__SPeriodsList": "___SPeriodsList_1rb5x_gg_",
+    "__STooltip": "___STooltip_1rb5x_gg_",
+    "__SCompareToggle": "___SCompareToggle_1rb5x_gg_",
+    "__SPopper": "___SPopper_1rb5x_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];
@@ -77,40 +81,38 @@ var getLatestDate = function getLatestDate2() {
   return latestDate;
 };
 var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
-  _inherits(DateRangeComparatorAbstract2, _Component);
-  var _super = _createSuper(DateRangeComparatorAbstract2);
   function DateRangeComparatorAbstract2() {
     var _this;
     _classCallCheck(this, DateRangeComparatorAbstract2);
     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) {
+    _this = _callSuper(this, DateRangeComparatorAbstract2, [].concat(args));
+    _defineProperty(_this, "popperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "unitRefs", {});
+    _defineProperty(_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) {
+    _defineProperty(_this, "bindHandlerNavigateClick", function(direction) {
       return function() {
         return _this.navigateView(direction);
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handleApplyClick", function() {
+    _defineProperty(_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) {
+    _defineProperty(_this, "handleApply", function(value, compare) {
       _this.handlers.value({
         value,
         compare
       });
       _this.handlers.visible(false);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeydownDown", function(place) {
+    _defineProperty(_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;
@@ -188,17 +190,17 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
             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();
+            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 || _this$unitRefs$format.focus();
           }
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "triggerFormattingProps", {
+    _defineProperty(_this, "triggerFormattingProps", {
       day: "numeric",
       month: "short",
       year: "numeric"
     });
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function(date) {
+    _defineProperty(_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 = [];
@@ -228,7 +230,8 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(DateRangeComparatorAbstract2, [{
+  _inherits(DateRangeComparatorAbstract2, _Component);
+  return _createClass(DateRangeComparatorAbstract2, [{
     key: "getPeriodProps",
     value: function getPeriodProps() {
       var _this$asProps$value, _this2 = this;
@@ -241,16 +244,16 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
       return {
         periods,
         value,
-        onChange: function onChange(value2) {
+        "onChange": function onChange(value2) {
           if (focusedRange === "compare") {
             _this2.handlers.preselectedCompare(value2);
           } else {
             _this2.handlers.preselectedValue(value2);
           }
         },
-        onHighlightedChange: focusedRange === "compare" ? onCompareHighlightedChange : onHighlightedChange,
+        "onHighlightedChange": focusedRange === "compare" ? onCompareHighlightedChange : onHighlightedChange,
         onDisplayedPeriodChange,
-        role: "listbox",
+        "role": "listbox",
         "aria-label": getI18nText("periods")
       };
     }
@@ -261,7 +264,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
       var navigateStep = this.navigateStep;
       return {
         getI18nText,
-        onClick: this.bindHandlerNavigateClick(-1),
+        "onClick": this.bindHandlerNavigateClick(-1),
         "aria-label": navigateStep === "month" ? getI18nText("prevMonth") : getI18nText("prevYear")
       };
     }
@@ -272,7 +275,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
       var navigateStep = this.navigateStep;
       return {
         getI18nText,
-        onClick: this.bindHandlerNavigateClick(1),
+        "onClick": this.bindHandlerNavigateClick(1),
         "aria-label": navigateStep === "month" ? getI18nText("nextMonth") : getI18nText("nextYear")
       };
     }
@@ -291,8 +294,8 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
             _this3.handlers.compareToggle(void 0);
             _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$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) : void 0;
@@ -314,7 +317,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
         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);
+            return date === null || date === 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));
         }]
@@ -368,7 +371,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     }
   }, {
     key: "getTitleProps",
-    value: function getTitleProps(props, index) {
+    value: function getTitleProps(_props, index) {
       var _this$asProps5 = this.asProps, locale = _this$asProps5.locale, displayedPeriod = _this$asProps5.displayedPeriod;
       return {
         children: new Intl.DateTimeFormat(locale, {
@@ -379,9 +382,9 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     }
   }, {
     key: "getTriggerProps",
-    value: function getTriggerProps(_ref10) {
+    value: function getTriggerProps(_ref0) {
       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 _ref0$placeholder = _ref0.placeholder, placeholder = _ref0$placeholder === void 0 ? "Select date ranges" : _ref0$placeholder, _ref0$separator = _ref0.separator, separator = _ref0$separator === void 0 ? "vs." : _ref0$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;
@@ -448,7 +451,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
       return {
         popoverVisible: visible,
         focused: focusedRange === "compare" ? true : void 0,
-        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),
+        disabled: !(compareToggle !== null && compareToggle !== void 0 ? compareToggle : value === null || value === 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(value2) {
           return _this7.handlers.preselectedCompare(value2);
@@ -469,9 +472,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     key: "getCompareToggleProps",
     value: function getCompareToggleProps() {
       var _this8 = this;
-      var _this$asProps9 = this.asProps, getI18nText = _this$asProps9.getI18nText;
-      _this$asProps9.value;
-      var compareToggle = _this$asProps9.compareToggle;
+      var _this$asProps9 = this.asProps, getI18nText = _this$asProps9.getI18nText, compareToggle = _this$asProps9.compareToggle;
       return {
         getI18nText,
         checked: compareToggle,
@@ -490,7 +491,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
   }, {
     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;
+      var _this$asProps0 = this.asProps, locale = _this$asProps0.locale, displayedPeriod = _this$asProps0.displayedPeriod, disabled = _this$asProps0.disabled, value = _this$asProps0.value, onCompareHighlightedChange = _this$asProps0.onCompareHighlightedChange, highlighted = _this$asProps0.highlighted, compareHighlighted = _this$asProps0.compareHighlighted, onHighlightedChange = _this$asProps0.onHighlightedChange, preselectedCompare = _this$asProps0.preselectedCompare, preselectedValue = _this$asProps0.preselectedValue, focusedRange = _this$asProps0.focusedRange, getI18nText = _this$asProps0.getI18nText;
       return {
         locale,
         displayedPeriod: dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),
@@ -522,7 +523,7 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     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"];
+      var _this$asProps1 = this.asProps, Children = _this$asProps1.Children, styles = _this$asProps1.styles, providedAriaLabel = _this$asProps1["aria-label"];
       return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
         "use:aria-label": providedAriaLabel,
         "__excludeProps": ["onChange", "value"]
@@ -530,8 +531,8 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
     }
   }], [{
     key: "defaultProps",
-    value: function defaultProps(_ref11) {
-      var primaryRange = _ref11.primaryRange, defaultPrimaryRange = _ref11.defaultPrimaryRange, secondaryRange = _ref11.secondaryRange, defaultSecondaryRange = _ref11.defaultSecondaryRange;
+    value: function defaultProps(_ref1) {
+      var primaryRange = _ref1.primaryRange, defaultPrimaryRange = _ref1.defaultPrimaryRange, secondaryRange = _ref1.secondaryRange, defaultSecondaryRange = _ref1.defaultSecondaryRange;
       return {
         i18n: localizedMessages,
         locale: "en",
@@ -549,7 +550,6 @@ var DateRangeComparatorAbstract = /* @__PURE__ */ function(_Component) {
       };
     }
   }]);
-  return DateRangeComparatorAbstract2;
 }(Component);
 _defineProperty(DateRangeComparatorAbstract, "displayName", "DateRangeComparator");
 _defineProperty(DateRangeComparatorAbstract, "style", style);