@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/cjs/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,490 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DateRangePickerDataTids = exports.DateRangePicker = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _MobilePopup = require("../../internal/MobilePopup");
+var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
+var _Emotion = require("../../lib/theming/Emotion");
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Calendar = require("../Calendar");
+var _Popup = require("../../internal/Popup");
+var _DateInput = require("../DateInput");
+var _comparison = require("../../lib/date/comparison");
+
+var _ZIndex = require("../../internal/ZIndex");
+var _rootNode = require("../../lib/rootNode");
+var _getMenuPositions = require("../../lib/getMenuPositions");
+var _Button = require("../Button");
+var _ResponsiveLayout = require("../ResponsiveLayout");
+var _InternalDate = require("../../lib/date/InternalDate");
+var _InternalDateGetter = require("../../lib/date/InternalDateGetter");
+var _ArrowAUp16Light = require("../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light");
+var _NativeDateInput = require("../../internal/NativeDateInput");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+var _locale = require("../../lib/locale");
+var _client = require("../../lib/client");
+
+var _DateRangePicker = require("./DateRangePicker.styles");
+var _DateRangePickerSeparator = require("./DateRangePickerSeparator");
+var _DateRangePickerContext = require("./DateRangePickerContext");
+var _DateRangePickerInput = require("./DateRangePickerInput");
+var _DateRangePickerTheme = require("./DateRangePickerTheme");
+var _locale2 = require("./locale");
+var _validateDateRangePicker = require("./helpers/validateDateRangePicker");
+var _getStateForValue = require("./helpers/getStateForValue");var _templateObject, _templateObject2;
+
+var DateRangePickerDataTids = exports.DateRangePickerDataTids = {
+  root: 'DateRangePicker__root',
+  start: 'DateRangePicker__start',
+  end: 'DateRangePicker__end',
+  popup: 'DateRangePicker__popup',
+  calendar: 'DateRangePicker__calendar',
+  todayButton: 'DateRangePicker__todayButton',
+  startOptionalButton: 'DateRangePicker__startOptionalButton',
+  endOptionalButton: 'DateRangePicker__endOptionalButton',
+  mobileStart: 'DateRangePicker__mobileStart',
+  mobileEnd: 'DateRangePicker__mobileEnd'
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var DateRangePicker = exports.DateRangePicker = Object.assign(
+  {
+    Start: _DateRangePickerInput.DateRangePickerStart,
+    End: _DateRangePickerInput.DateRangePickerEnd,
+    Separator: _DateRangePickerSeparator.DateRangePickerSeparator,
+    validate: _validateDateRangePicker.validateDateRangePicker
+  },
+  (0, _forwardRefAndName.forwardRefAndName)('DateRangePicker', function (props, ref) {
+    var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
+    var locale = (0, _useLocaleForControl.useLocaleForControl)('DateRangePicker', _locale2.DateRangePickerLocaleHelper);
+
+    var _useState = (0, _react.useState)(),startValue = _useState[0],setStartValue = _useState[1];
+    var _useState2 = (0, _react.useState)(false),startOptional = _useState2[0],setStartOptional = _useState2[1];
+    var _useState3 = (0, _react.useState)(false),startDisabled = _useState3[0],setStartDisabled = _useState3[1];
+
+    var _useState4 = (0, _react.useState)(),endValue = _useState4[0],setEndValue = _useState4[1];
+    var _useState5 = (0, _react.useState)(false),endOptional = _useState5[0],setEndOptional = _useState5[1];
+    var _useState6 = (0, _react.useState)(false),endDisabled = _useState6[0],setEndDisabled = _useState6[1];
+
+    var _useState7 = (0, _react.useState)(''),minDate = _useState7[0],setMinDate = _useState7[1];
+    var _useState8 = (0, _react.useState)(''),maxDate = _useState8[0],setMaxDate = _useState8[1];
+
+    var _useState9 = (0, _react.useState)(null),hoveredDay = _useState9[0],setHoveredDay = _useState9[1];
+    var _useState10 = (0, _react.useState)(false),showCalendar = _useState10[0],setShowCalendar = _useState10[1];
+    var _useState11 = (0, _react.useState)(null),focusInput = _useState11[0],setFocusInput = _useState11[1];
+
+    var dateRangePickerRef = (0, _react.useRef)(null);
+    var calendarRef = (0, _react.useRef)(null);
+    var startRef = (0, _react.useRef)(null);
+    var endRef = (0, _react.useRef)(null);
+    var mobileStartRef = (0, _react.useRef)(null);
+    var mobileEndRef = (0, _react.useRef)(null);
+    var mobileNativeStartRef = (0, _react.useRef)(null);
+    var mobileNativeEndRef = (0, _react.useRef)(null);
+    var isCalendarOpen = !startDisabled && !endDisabled && showCalendar;
+
+    var updateDateRangeValues = function updateDateRangeValues(value) {if (value === void 0) {value = '';}
+      var currentValues = {
+        currentStart: startValue,
+        currentEnd: endValue,
+        minDate: minDate,
+        maxDate: maxDate
+      };
+      var updatedState = (0, _getStateForValue.getStateForValue)(focusInput, value, currentValues);
+
+      setStartValue(updatedState.start);
+      setEndValue(updatedState.end);
+
+      if (updatedState.isOpen && updatedState.focus) {
+        focus(updatedState.focus);
+      }
+
+      if (!updatedState.isOpen) {
+        close();
+      }
+    };
+
+    var open = function open(inputType) {if (inputType === void 0) {inputType = 'start';}
+      setFocusInput(inputType);
+      setShowCalendar(true);
+    };
+
+    var close = function close() {
+      setShowCalendar(false);
+      setHoveredDay(null);
+    };
+
+    var focus = function focus(inputType) {if (inputType === void 0) {inputType = 'start';}
+      setFocusInput(inputType);
+    };
+
+    var setEmpty = function setEmpty(type) {
+      switch (type) {
+        case 'start':
+          setStartValue('');
+          focus('end');
+          break;
+
+        case 'end':
+          setEndValue('');
+          close();
+          break;
+      }
+    };
+
+    (0, _react.useImperativeHandle)(
+      ref,
+      function () {var _calendarRef$current;return {
+          open: open,
+          close: close,
+          scrollToMonth: (_calendarRef$current = calendarRef.current) == null ? void 0 : _calendarRef$current.scrollToMonth,
+          getRootNode: function getRootNode() {return dateRangePickerRef.current;}
+        };},
+      []
+    );
+
+    (0, _react.useLayoutEffect)(function () {
+      if (!focusInput) {
+        return;
+      }
+
+      // fix DateInput flushSync warning in React 18
+      setTimeout(function () {var _currentFieldRef$curr4;
+        var isStart = focusInput === 'start';
+        var currentFieldRef;
+
+        // Mobile Native Picker
+        if (isMobile && props.useMobileNativeDatePicker) {
+          currentFieldRef = isStart ? mobileNativeStartRef : mobileNativeEndRef;
+          if (_client.isIOS) {var _currentFieldRef$curr;
+            (_currentFieldRef$curr = currentFieldRef.current) == null || _currentFieldRef$curr.focus();
+          } else {var _currentFieldRef$curr2;
+            // Android open native datepicker only via click
+            (_currentFieldRef$curr2 = currentFieldRef.current) == null || _currentFieldRef$curr2.click();
+          }
+          return;
+        }
+
+        // Mobile
+        if (isMobile) {var _currentFieldRef$curr3;
+          currentFieldRef = isStart ? mobileStartRef : mobileEndRef;
+          (_currentFieldRef$curr3 = currentFieldRef.current) == null || _currentFieldRef$curr3.focus();
+          return;
+        }
+
+        // Desktop
+        currentFieldRef = isStart ? startRef : endRef;
+        (_currentFieldRef$curr4 = currentFieldRef.current) == null || _currentFieldRef$curr4.focus();
+      });
+    }, [focusInput]);
+
+    var dateRangePickerContextProps = {
+      startValue: startValue,
+      startOptional: startOptional,
+      startDisabled: startDisabled,
+      endValue: endValue,
+      endOptional: endOptional,
+      endDisabled: endDisabled,
+      minDate: minDate,
+      maxDate: maxDate,
+      size: props.size,
+      setStartValue: setStartValue,
+      setStartOptional: setStartOptional,
+      setStartDisabled: setStartDisabled,
+      setEndValue: setEndValue,
+      setEndOptional: setEndOptional,
+      setEndDisabled: setEndDisabled,
+      setMinDate: setMinDate,
+      setMaxDate: setMaxDate,
+      setFocusInput: setFocusInput,
+      open: open,
+      close: close,
+      dateRangePickerRef: dateRangePickerRef,
+      startRef: startRef,
+      endRef: endRef
+    };
+
+    var renderCalendar = function renderCalendar(theme, widthAuto) {var _cx;if (widthAuto === void 0) {widthAuto = false;}return /*#__PURE__*/(
+        _react.default.createElement(_locale.LocaleContext.Provider, {
+          value: {
+            locale: {
+              Calendar: {
+                months: locale.months,
+                dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,
+                selectMonthAriaLabel: locale.selectMonthAriaLabel,
+                selectYearAriaLabel: locale.selectYearAriaLabel,
+                selectChosenAriaLabel: locale.selectChosenAriaLabel
+              }
+            }
+          } }, /*#__PURE__*/
+
+        _react.default.createElement(_Calendar.Calendar, {
+          value: focusInput === 'start' ? startValue : endValue,
+          minDate: minDate,
+          maxDate: maxDate,
+          renderDay: function renderDay(dayProps) {return renderCalendarRange(dayProps, theme, props.renderDay);},
+          onValueChange: function onValueChange(value) {return updateDateRangeValues(value);},
+          ref: calendarRef,
+          onMonthChange: props.onMonthChange,
+          className: (0, _Emotion.cx)((_cx = {}, _cx[_DateRangePicker.styles.calendarWidthAuto()] = widthAuto, _cx)) }
+        )
+        ));};
+
+
+    var renderMobileCalendar = function renderMobileCalendar(theme) {var _cx2, _cx3;return /*#__PURE__*/(
+        _react.default.createElement(_MobilePopup.MobilePopup, {
+          opened: true,
+          headerChildComponent: /*#__PURE__*/
+          _react.default.createElement("div", { className: (0, _Emotion.cx)(_DateRangePicker.styles.inputWrapper(), _DateRangePicker.styles.inputWrapperWidthFull()) }, /*#__PURE__*/
+          _react.default.createElement(_DateInput.DateInput, {
+            withIcon: true,
+            value: startValue,
+            width: "auto",
+            size: "medium",
+            className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateRangePicker.styles.inputVisuallyFocus(theme)] = focusInput === 'start', _cx2)),
+            disabled: startDisabled,
+            onValueChange: setStartValue,
+            onFocus: function onFocus() {return setFocusInput('start');},
+            ref: mobileStartRef,
+            "data-tid": DateRangePickerDataTids.mobileStart }
+          ), /*#__PURE__*/
+          _react.default.createElement(DateRangePicker.Separator, null), /*#__PURE__*/
+          _react.default.createElement(_DateInput.DateInput, {
+            withIcon: true,
+            value: endValue,
+            width: "auto",
+            size: "medium",
+            className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_DateRangePicker.styles.inputVisuallyFocus(theme)] = focusInput === 'end', _cx3)),
+            disabled: endDisabled,
+            onValueChange: setEndValue,
+            onFocus: function onFocus() {return setFocusInput('end');},
+            ref: mobileEndRef,
+            "data-tid": DateRangePickerDataTids.mobileEnd }
+          )
+          ),
+
+          onCloseRequest: function onCloseRequest() {return close();},
+          footerChildComponent: renderButtons() }, /*#__PURE__*/
+
+        _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _DateRangePickerTheme.getMobileDateRangePickerTheme)(theme) },
+        renderCalendar(theme, true)
+        )
+        ));};
+
+
+    var renderDesktopCalendar = function renderDesktopCalendar(theme) {return /*#__PURE__*/(
+        _react.default.createElement(_Popup.Popup, {
+          opened: true,
+          hasShadow: true,
+          priority: _ZIndex.ZIndex.priorities.PopupMenu,
+          positions: (0, _getMenuPositions.getMenuPositions)(props.menuPos, props.menuAlign),
+          "data-tid": DateRangePickerDataTids.root,
+          anchorElement: (0, _rootNode.getRootNode)(dateRangePickerRef.current),
+          margin: parseInt(theme.datePickerMenuOffsetY) }, /*#__PURE__*/
+
+        _react.default.createElement("div", { className: _DateRangePicker.styles.calendarWrapper(theme), onMouseDown: function onMouseDown(e) {return e.preventDefault();} },
+        renderCalendar(theme),
+        renderButtons()
+        )
+        ));};
+
+
+    var renderButtons = function renderButtons() {
+      var today = new _InternalDate.InternalDate(locale).
+      setComponents(_InternalDateGetter.InternalDateGetter.getTodayComponents()).
+      toString({ withPad: true, withSeparator: true });
+
+      var hasOptionalButtons = startOptional || endOptional;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { className: (0, _Emotion.cx)(_DateRangePicker.styles.buttonWrap()) },
+        hasOptionalButtons && /*#__PURE__*/
+        _react.default.createElement(_react.default.Fragment, null,
+        focusInput === 'start' && startOptional && /*#__PURE__*/
+        _react.default.createElement(_Button.Button, {
+          width: "100%",
+          "data-tid": DateRangePickerDataTids.startOptionalButton,
+          onClick: function onClick() {return setEmpty('start');} },
+
+        locale.startDateEmpty
+        ),
+
+        focusInput === 'end' && endOptional && /*#__PURE__*/
+        _react.default.createElement(_Button.Button, {
+          width: "100%",
+          "data-tid": DateRangePickerDataTids.endOptionalButton,
+          onClick: function onClick() {return setEmpty('end');} },
+
+        locale.endDateEmpty
+        )
+
+        ),
+
+
+        props.enableTodayLink && /*#__PURE__*/
+        _react.default.createElement(_Button.Button, {
+          icon: /*#__PURE__*/_react.default.createElement(_ArrowAUp16Light.ArrowAUpIcon16Light, null),
+          "aria-label": locale.todayAriaLabel,
+          "data-tid": DateRangePickerDataTids.todayButton,
+          onClick: function onClick() {return updateDateRangeValues(today);} },
+
+        !hasOptionalButtons && locale.today
+        )
+
+        ));
+
+    };
+
+    var renderMobileNativeDateInput = function renderMobileNativeDateInput() {return /*#__PURE__*/(
+        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+        _react.default.createElement(_NativeDateInput.NativeDateInput, {
+          value: startValue,
+          minDate: minDate,
+          maxDate: maxDate,
+          onValueChange: setStartValue,
+          disabled: startDisabled,
+          ref: mobileNativeStartRef }
+        ), /*#__PURE__*/
+        _react.default.createElement(_NativeDateInput.NativeDateInput, {
+          value: endValue,
+          minDate: minDate,
+          maxDate: maxDate,
+          onValueChange: setEndValue,
+          disabled: endDisabled,
+          ref: mobileNativeEndRef }
+        )
+        ));};
+
+
+    return /*#__PURE__*/(
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {return /*#__PURE__*/(
+          _react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _DateRangePickerTheme.getDateRangePickerTheme)(theme) }, /*#__PURE__*/
+          _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
+          _react.default.createElement("div", {
+            className: _DateRangePicker.styles.root(),
+            role: "group",
+            "aria-describedby": props['aria-describedby'],
+            "aria-label": props['aria-label'],
+            "aria-labelledby": props['aria-labelledby'],
+            "data-tid": DateRangePickerDataTids.root,
+            ref: dateRangePickerRef }, /*#__PURE__*/
+
+          _react.default.createElement(_DateRangePickerContext.DateRangePickerContext.Provider, { value: dateRangePickerContextProps }, /*#__PURE__*/
+          _react.default.createElement("div", {
+            className: (0, _Emotion.cx)(
+              _DateRangePicker.styles.inputWrapper(),
+              _DateRangePicker.styles.inputWrapperWidth(theme), (0,
+              _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n                        font-size: ", ";\n                      "])),
+              (0, _DateRangePicker.getFontSize)(theme, props.size))
+
+            ) },
+
+          props.children
+          ),
+
+          props.useMobileNativeDatePicker && isMobile ?
+          renderMobileNativeDateInput() :
+          isCalendarOpen && (isMobile ? renderMobileCalendar(theme) : renderDesktopCalendar(theme))
+          )
+          )
+          )
+          ));}
+
+      ));
+
+
+    function renderCalendarRange(
+    props,
+    t,
+    renderDayFn)
+    {var _cx4;
+      var day = props.date;
+
+      var isDayFirst = startValue === day;
+      var isDayLast = endValue === day;
+      var isDayInPeriod = Boolean(startValue && endValue && (0, _comparison.isBetween)(day, startValue, endValue));
+
+      var hasHoveredDay = hoveredDay !== null;
+      var isDayInHoveredPeriod =
+      hasHoveredDay &&
+      Boolean(
+        focusInput === 'start' && endValue && (0, _comparison.isBetween)(day, hoveredDay, endValue) ||
+        focusInput === 'end' && startValue && (0, _comparison.isBetween)(day, startValue, hoveredDay)
+      );
+
+      var hasLeftRoundings;
+      var hasRightRoundings;
+
+      if (hasHoveredDay) {
+        var isDayBeforeFirstInPeriod = startValue ? (0, _comparison.isLess)(hoveredDay, startValue) : endValue;
+        var isDayAfterLastInPeriod = endValue ? (0, _comparison.isGreater)(hoveredDay, endValue) : startValue;
+
+        if (isDayFirst && ((0, _comparison.isGreaterOrEqual)(hoveredDay, startValue) || focusInput === 'end')) {
+          hasLeftRoundings = true;
+        }
+
+        if (isDayLast && ((0, _comparison.isLessOrEqual)(hoveredDay, endValue) || focusInput === 'start')) {
+          hasRightRoundings = true;
+        }
+
+        var isDayHovered = hoveredDay === day;
+        if (isDayHovered) {
+          if (isDayBeforeFirstInPeriod) {
+            hasLeftRoundings = true;
+          }
+
+          if (isDayAfterLastInPeriod) {
+            hasRightRoundings = true;
+          }
+        }
+      } else {
+        if (isDayFirst) {
+          hasLeftRoundings = true;
+        }
+
+        if (isDayLast) {
+          hasRightRoundings = true;
+        }
+      }
+
+      return /*#__PURE__*/(
+        _react.default.createElement("div", {
+          onMouseOver: function onMouseOver() {return setHoveredDay(day);},
+          onMouseOut: function onMouseOut() {return setHoveredDay(null);},
+          className: (0, _Emotion.cx)(
+            _DateRangePicker.styles.rangeCalendarDay(), (0,
+            _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n              background: ", ";\n              border-top-left-radius: ", ";\n              border-bottom-left-radius: ", ";\n              border-top-right-radius: ", ";\n              border-bottom-right-radius: ", ";\n            "])),
+            isDayInPeriod && t.rangeCalendarCellBg,
+            hasLeftRoundings && t.calendarCellBorderRadius,
+            hasLeftRoundings && t.calendarCellBorderRadius,
+            hasRightRoundings && t.calendarCellBorderRadius,
+            hasRightRoundings && t.calendarCellBorderRadius), (_cx4 = {}, _cx4[
+
+
+            _DateRangePicker.styles.rangeCalendarDayEnd(t)] = isDayFirst || isDayLast, _cx4[
+            _DateRangePicker.styles.rangeCalendarDayHoverInPeriod(t)] = isDayInPeriod, _cx4[
+            _DateRangePicker.styles.rangeCalendarDayInHoveredPeriod(t)] = isDayInHoveredPeriod, _cx4)
+
+          ) },
+
+        renderDayFn ? renderDayFn(props) : /*#__PURE__*/_react.default.createElement(_Calendar.CalendarDay, props)
+        ));
+
+    }
+  })
+);

package/cjs/components/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_MobilePopup","_useLocaleForControl","_Emotion","_ThemeContext","_CommonWrapper","_Calendar","_Popup","_DateInput","_comparison","_ZIndex","_rootNode","_getMenuPositions","_Button","_ResponsiveLayout","_InternalDate","_InternalDateGetter","_ArrowAUp16Light","_NativeDateInput","_forwardRefAndName","_locale","_client","_DateRangePicker","_DateRangePickerSeparator","_DateRangePickerContext","_DateRangePickerInput","_DateRangePickerTheme","_locale2","_validateDateRangePicker","_getStateForValue","_templateObject","_templateObject2","DateRangePickerDataTids","exports","root","start","end","popup","calendar","todayButton","startOptionalButton","endOptionalButton","mobileStart","mobileEnd","DateRangePicker","Object","assign","Start","DateRangePickerStart","End","DateRangePickerEnd","Separator","DateRangePickerSeparator","validate","validateDateRangePicker","forwardRefAndName","props","ref","_useResponsiveLayout","useResponsiveLayout","isMobile","locale","useLocaleForControl","DateRangePickerLocaleHelper","_useState","useState","startValue","setStartValue","_useState2","startOptional","setStartOptional","_useState3","startDisabled","setStartDisabled","_useState4","endValue","setEndValue","_useState5","endOptional","setEndOptional","_useState6","endDisabled","setEndDisabled","_useState7","minDate","setMinDate","_useState8","maxDate","setMaxDate","_useState9","hoveredDay","setHoveredDay","_useState10","showCalendar","setShowCalendar","_useState11","focusInput","setFocusInput","dateRangePickerRef","useRef","calendarRef","startRef","endRef","mobileStartRef","mobileEndRef","mobileNativeStartRef","mobileNativeEndRef","isCalendarOpen","updateDateRangeValues","value","currentValues","currentStart","currentEnd","updatedState","getStateForValue","isOpen","focus","close","open","inputType","setEmpty","type","useImperativeHandle","_calendarRef$current","scrollToMonth","current","getRootNode","useLayoutEffect","setTimeout","_currentFieldRef$curr4","isStart","currentFieldRef","useMobileNativeDatePicker","isIOS","_currentFieldRef$curr","_currentFieldRef$curr2","click","_currentFieldRef$curr3","dateRangePickerContextProps","size","renderCalendar","theme","widthAuto","_cx","default","createElement","LocaleContext","Provider","Calendar","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","renderDay","dayProps","renderCalendarRange","onValueChange","onMonthChange","className","cx","styles","calendarWidthAuto","renderMobileCalendar","_cx2","_cx3","MobilePopup","opened","headerChildComponent","inputWrapper","inputWrapperWidthFull","DateInput","withIcon","width","inputVisuallyFocus","disabled","onFocus","onCloseRequest","footerChildComponent","renderButtons","ThemeContext","getMobileDateRangePickerTheme","renderDesktopCalendar","Popup","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","menuPos","menuAlign","anchorElement","margin","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","today","InternalDate","setComponents","InternalDateGetter","getTodayComponents","toString","withPad","withSeparator","hasOptionalButtons","buttonWrap","Fragment","Button","onClick","startDateEmpty","endDateEmpty","enableTodayLink","icon","ArrowAUpIcon16Light","todayAriaLabel","renderMobileNativeDateInput","NativeDateInput","Consumer","getDateRangePickerTheme","CommonWrapper","role","DateRangePickerContext","inputWrapperWidth","css","_taggedTemplateLiteralLoose2","getFontSize","children","t","renderDayFn","_cx4","day","date","isDayFirst","isDayLast","isDayInPeriod","Boolean","isBetween","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isLess","isDayAfterLastInPeriod","isGreater","isGreaterOrEqual","isLessOrEqual","isDayHovered","onMouseOver","onMouseOut","rangeCalendarDay","rangeCalendarCellBg","calendarCellBorderRadius","rangeCalendarDayEnd","rangeCalendarDayHoverInPeriod","rangeCalendarDayInHoveredPeriod","CalendarDay"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useLayoutEffect, type AriaAttributes } from 'react';\n\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { css, cx } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Calendar, CalendarDay, CalendarDayProps } from '../Calendar';\nimport { Popup } from '../../internal/Popup';\nimport { DateInput } from '../DateInput';\nimport { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from '../../lib/date/comparison';\nimport { DatePickerProps } from '../DatePicker';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getRootNode } from '../../lib/rootNode';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { Button } from '../Button';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../lib/date/InternalDateGetter';\nimport { ArrowAUpIcon16Light } from '../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light';\nimport { NativeDateInput } from '../../internal/NativeDateInput';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { LocaleContext } from '../../lib/locale';\nimport { isIOS } from '../../lib/client';\n\nimport { getFontSize, styles } from './DateRangePicker.styles';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport { DateRangePickerContext, DateRangePickerContextProps } from './DateRangePickerContext';\nimport { DateRangePickerEnd, DateRangePickerInputType, DateRangePickerStart } from './DateRangePickerInput';\nimport { getDateRangePickerTheme, getMobileDateRangePickerTheme } from './DateRangePickerTheme';\nimport { DateRangePickerLocaleHelper } from './locale';\nimport { validateDateRangePicker } from './helpers/validateDateRangePicker';\nimport { getStateForValue } from './helpers/getStateForValue';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  start: 'DateRangePicker__start',\n  end: 'DateRangePicker__end',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  todayButton: 'DateRangePicker__todayButton',\n  startOptionalButton: 'DateRangePicker__startOptionalButton',\n  endOptionalButton: 'DateRangePicker__endOptionalButton',\n  mobileStart: 'DateRangePicker__mobileStart',\n  mobileEnd: 'DateRangePicker__mobileEnd',\n} as const;\n\nexport interface DateRangePickerProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<\n      DatePickerProps,\n      'size' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'enableTodayLink' | 'onMonthChange'\n    > {\n  /**\n   * Элементы DateRangePicker:\n   * `<DateRangePicker.Start />`\n   * `<DateRangePicker.Separator />`\n   * `<DateRangePicker.End />`\n   */\n  children: React.ReactNode;\n}\n\nexport const DateRangePicker = Object.assign(\n  {\n    Start: DateRangePickerStart,\n    End: DateRangePickerEnd,\n    Separator: DateRangePickerSeparator,\n    validate: validateDateRangePicker,\n  },\n  forwardRefAndName('DateRangePicker', (props: DateRangePickerProps, ref) => {\n    const { isMobile } = useResponsiveLayout();\n    const locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);\n\n    const [startValue, setStartValue] = useState<string>();\n    const [startOptional, setStartOptional] = useState(false);\n    const [startDisabled, setStartDisabled] = useState(false);\n\n    const [endValue, setEndValue] = useState<string>();\n    const [endOptional, setEndOptional] = useState(false);\n    const [endDisabled, setEndDisabled] = useState(false);\n\n    const [minDate, setMinDate] = useState('');\n    const [maxDate, setMaxDate] = useState('');\n\n    const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n    const [showCalendar, setShowCalendar] = useState<boolean>(false);\n    const [focusInput, setFocusInput] = useState<DateRangePickerInputType | null>(null);\n\n    const dateRangePickerRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<Calendar>(null);\n    const startRef = useRef<DateInput>(null);\n    const endRef = useRef<DateInput>(null);\n    const mobileStartRef = useRef<DateInput>(null);\n    const mobileEndRef = useRef<DateInput>(null);\n    const mobileNativeStartRef = useRef<NativeDateInput>(null);\n    const mobileNativeEndRef = useRef<NativeDateInput>(null);\n    const isCalendarOpen = !startDisabled && !endDisabled && showCalendar;\n\n    const updateDateRangeValues = (value = '') => {\n      const currentValues = {\n        currentStart: startValue,\n        currentEnd: endValue,\n        minDate,\n        maxDate,\n      };\n      const updatedState = getStateForValue(focusInput, value, currentValues);\n\n      setStartValue(updatedState.start);\n      setEndValue(updatedState.end);\n\n      if (updatedState.isOpen && updatedState.focus) {\n        focus(updatedState.focus);\n      }\n\n      if (!updatedState.isOpen) {\n        close();\n      }\n    };\n\n    const open = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n      setShowCalendar(true);\n    };\n\n    const close = () => {\n      setShowCalendar(false);\n      setHoveredDay(null);\n    };\n\n    const focus = (inputType: DateRangePickerInputType = 'start') => {\n      setFocusInput(inputType);\n    };\n\n    const setEmpty = (type: DateRangePickerInputType) => {\n      switch (type) {\n        case 'start':\n          setStartValue('');\n          focus('end');\n          break;\n\n        case 'end':\n          setEndValue('');\n          close();\n          break;\n      }\n    };\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        open,\n        close,\n        scrollToMonth: calendarRef.current?.scrollToMonth,\n        getRootNode: () => dateRangePickerRef.current,\n      }),\n      [],\n    );\n\n    useLayoutEffect(() => {\n      if (!focusInput) {\n        return;\n      }\n\n      // fix DateInput flushSync warning in React 18\n      setTimeout(() => {\n        const isStart = focusInput === 'start';\n        let currentFieldRef;\n\n        // Mobile Native Picker\n        if (isMobile && props.useMobileNativeDatePicker) {\n          currentFieldRef = isStart ? mobileNativeStartRef : mobileNativeEndRef;\n          if (isIOS) {\n            currentFieldRef.current?.focus();\n          } else {\n            // Android open native datepicker only via click\n            currentFieldRef.current?.click();\n          }\n          return;\n        }\n\n        // Mobile\n        if (isMobile) {\n          currentFieldRef = isStart ? mobileStartRef : mobileEndRef;\n          currentFieldRef.current?.focus();\n          return;\n        }\n\n        // Desktop\n        currentFieldRef = isStart ? startRef : endRef;\n        currentFieldRef.current?.focus();\n      });\n    }, [focusInput]);\n\n    const dateRangePickerContextProps: DateRangePickerContextProps = {\n      startValue,\n      startOptional,\n      startDisabled,\n      endValue,\n      endOptional,\n      endDisabled,\n      minDate,\n      maxDate,\n      size: props.size,\n      setStartValue,\n      setStartOptional,\n      setStartDisabled,\n      setEndValue,\n      setEndOptional,\n      setEndDisabled,\n      setMinDate,\n      setMaxDate,\n      setFocusInput,\n      open,\n      close,\n      dateRangePickerRef,\n      startRef,\n      endRef,\n    };\n\n    const renderCalendar = (theme: Theme, widthAuto = false) => (\n      <LocaleContext.Provider\n        value={{\n          locale: {\n            Calendar: {\n              months: locale.months,\n              dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,\n              selectMonthAriaLabel: locale.selectMonthAriaLabel,\n              selectYearAriaLabel: locale.selectYearAriaLabel,\n              selectChosenAriaLabel: locale.selectChosenAriaLabel,\n            },\n          },\n        }}\n      >\n        <Calendar\n          value={focusInput === 'start' ? startValue : endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          renderDay={(dayProps) => renderCalendarRange(dayProps, theme, props.renderDay)}\n          onValueChange={(value) => updateDateRangeValues(value)}\n          ref={calendarRef}\n          onMonthChange={props.onMonthChange}\n          className={cx({ [styles.calendarWidthAuto()]: widthAuto })}\n        />\n      </LocaleContext.Provider>\n    );\n\n    const renderMobileCalendar = (theme: Theme) => (\n      <MobilePopup\n        opened\n        headerChildComponent={\n          <div className={cx(styles.inputWrapper(), styles.inputWrapperWidthFull())}>\n            <DateInput\n              withIcon\n              value={startValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'start' })}\n              disabled={startDisabled}\n              onValueChange={setStartValue}\n              onFocus={() => setFocusInput('start')}\n              ref={mobileStartRef}\n              data-tid={DateRangePickerDataTids.mobileStart}\n            />\n            <DateRangePicker.Separator />\n            <DateInput\n              withIcon\n              value={endValue}\n              width=\"auto\"\n              size=\"medium\"\n              className={cx({ [styles.inputVisuallyFocus(theme)]: focusInput === 'end' })}\n              disabled={endDisabled}\n              onValueChange={setEndValue}\n              onFocus={() => setFocusInput('end')}\n              ref={mobileEndRef}\n              data-tid={DateRangePickerDataTids.mobileEnd}\n            />\n          </div>\n        }\n        onCloseRequest={() => close()}\n        footerChildComponent={renderButtons()}\n      >\n        <ThemeContext.Provider value={getMobileDateRangePickerTheme(theme)}>\n          {renderCalendar(theme, true)}\n        </ThemeContext.Provider>\n      </MobilePopup>\n    );\n\n    const renderDesktopCalendar = (theme: Theme) => (\n      <Popup\n        opened\n        hasShadow\n        priority={ZIndex.priorities.PopupMenu}\n        positions={getMenuPositions(props.menuPos, props.menuAlign)}\n        data-tid={DateRangePickerDataTids.root}\n        anchorElement={getRootNode(dateRangePickerRef.current)}\n        margin={parseInt(theme.datePickerMenuOffsetY)}\n      >\n        <div className={styles.calendarWrapper(theme)} onMouseDown={(e) => e.preventDefault()}>\n          {renderCalendar(theme)}\n          {renderButtons()}\n        </div>\n      </Popup>\n    );\n\n    const renderButtons = () => {\n      const today = new InternalDate(locale)\n        .setComponents(InternalDateGetter.getTodayComponents())\n        .toString({ withPad: true, withSeparator: true });\n\n      const hasOptionalButtons = startOptional || endOptional;\n      return (\n        <div className={cx(styles.buttonWrap())}>\n          {hasOptionalButtons && (\n            <>\n              {focusInput === 'start' && startOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.startOptionalButton}\n                  onClick={() => setEmpty('start')}\n                >\n                  {locale.startDateEmpty}\n                </Button>\n              )}\n              {focusInput === 'end' && endOptional && (\n                <Button\n                  width=\"100%\"\n                  data-tid={DateRangePickerDataTids.endOptionalButton}\n                  onClick={() => setEmpty('end')}\n                >\n                  {locale.endDateEmpty}\n                </Button>\n              )}\n            </>\n          )}\n\n          {props.enableTodayLink && (\n            <Button\n              icon={<ArrowAUpIcon16Light />}\n              aria-label={locale.todayAriaLabel}\n              data-tid={DateRangePickerDataTids.todayButton}\n              onClick={() => updateDateRangeValues(today)}\n            >\n              {!hasOptionalButtons && locale.today}\n            </Button>\n          )}\n        </div>\n      );\n    };\n\n    const renderMobileNativeDateInput = () => (\n      <>\n        <NativeDateInput\n          value={startValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setStartValue}\n          disabled={startDisabled}\n          ref={mobileNativeStartRef}\n        />\n        <NativeDateInput\n          value={endValue}\n          minDate={minDate}\n          maxDate={maxDate}\n          onValueChange={setEndValue}\n          disabled={endDisabled}\n          ref={mobileNativeEndRef}\n        />\n      </>\n    );\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => (\n          <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n            <CommonWrapper {...props}>\n              <div\n                className={styles.root()}\n                role=\"group\"\n                aria-describedby={props['aria-describedby']}\n                aria-label={props['aria-label']}\n                aria-labelledby={props['aria-labelledby']}\n                data-tid={DateRangePickerDataTids.root}\n                ref={dateRangePickerRef}\n              >\n                <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n                  <div\n                    className={cx(\n                      styles.inputWrapper(),\n                      styles.inputWrapperWidth(theme),\n                      css`\n                        font-size: ${getFontSize(theme, props.size)};\n                      `,\n                    )}\n                  >\n                    {props.children}\n                  </div>\n\n                  {props.useMobileNativeDatePicker && isMobile\n                    ? renderMobileNativeDateInput()\n                    : isCalendarOpen && (isMobile ? renderMobileCalendar(theme) : renderDesktopCalendar(theme))}\n                </DateRangePickerContext.Provider>\n              </div>\n            </CommonWrapper>\n          </ThemeContext.Provider>\n        )}\n      </ThemeContext.Consumer>\n    );\n\n    function renderCalendarRange(\n      props: CalendarDayProps,\n      t: Theme,\n      renderDayFn: ((props: CalendarDayProps) => React.ReactElement) | undefined,\n    ) {\n      const day = props.date;\n\n      const isDayFirst = startValue === day;\n      const isDayLast = endValue === day;\n      const isDayInPeriod = Boolean(startValue && endValue && isBetween(day, startValue, endValue));\n\n      const hasHoveredDay = hoveredDay !== null;\n      const isDayInHoveredPeriod =\n        hasHoveredDay &&\n        Boolean(\n          (focusInput === 'start' && endValue && isBetween(day, hoveredDay, endValue)) ||\n            (focusInput === 'end' && startValue && isBetween(day, startValue, hoveredDay)),\n        );\n\n      let hasLeftRoundings;\n      let hasRightRoundings;\n\n      if (hasHoveredDay) {\n        const isDayBeforeFirstInPeriod = startValue ? isLess(hoveredDay, startValue) : endValue;\n        const isDayAfterLastInPeriod = endValue ? isGreater(hoveredDay, endValue) : startValue;\n\n        if (isDayFirst && (isGreaterOrEqual(hoveredDay, startValue) || focusInput === 'end')) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast && (isLessOrEqual(hoveredDay, endValue) || focusInput === 'start')) {\n          hasRightRoundings = true;\n        }\n\n        const isDayHovered = hoveredDay === day;\n        if (isDayHovered) {\n          if (isDayBeforeFirstInPeriod) {\n            hasLeftRoundings = true;\n          }\n\n          if (isDayAfterLastInPeriod) {\n            hasRightRoundings = true;\n          }\n        }\n      } else {\n        if (isDayFirst) {\n          hasLeftRoundings = true;\n        }\n\n        if (isDayLast) {\n          hasRightRoundings = true;\n        }\n      }\n\n      return (\n        <div\n          onMouseOver={() => setHoveredDay(day)}\n          onMouseOut={() => setHoveredDay(null)}\n          className={cx(\n            styles.rangeCalendarDay(),\n            css`\n              background: ${isDayInPeriod && t.rangeCalendarCellBg};\n              border-top-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-bottom-left-radius: ${hasLeftRoundings && t.calendarCellBorderRadius};\n              border-top-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n              border-bottom-right-radius: ${hasRightRoundings && t.calendarCellBorderRadius};\n            `,\n            {\n              [styles.rangeCalendarDayEnd(t)]: isDayFirst || isDayLast,\n              [styles.rangeCalendarDayHoverInPeriod(t)]: isDayInPeriod,\n              [styles.rangeCalendarDayInHoveredPeriod(t)]: isDayInHoveredPeriod,\n            },\n          )}\n        >\n          {renderDayFn ? renderDayFn(props) : <CalendarDay {...props} />}\n        </div>\n      );\n    }\n  }),\n);\n"],"mappings":"8ZAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;;AAEA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,iBAAA,GAAAZ,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AACA,IAAAc,iBAAA,GAAAd,OAAA;AACA,IAAAe,aAAA,GAAAf,OAAA;AACA,IAAAgB,mBAAA,GAAAhB,OAAA;AACA,IAAAiB,gBAAA,GAAAjB,OAAA;AACA,IAAAkB,gBAAA,GAAAlB,OAAA;AACA,IAAAmB,kBAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,OAAA,GAAArB,OAAA;;AAEA,IAAAsB,gBAAA,GAAAtB,OAAA;AACA,IAAAuB,yBAAA,GAAAvB,OAAA;AACA,IAAAwB,uBAAA,GAAAxB,OAAA;AACA,IAAAyB,qBAAA,GAAAzB,OAAA;AACA,IAAA0B,qBAAA,GAAA1B,OAAA;AACA,IAAA2B,QAAA,GAAA3B,OAAA;AACA,IAAA4B,wBAAA,GAAA5B,OAAA;AACA,IAAA6B,iBAAA,GAAA7B,OAAA,+BAA8D,IAAA8B,eAAA,EAAAC,gBAAA;;AAEvD,IAAMC,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACrCE,IAAI,EAAE,uBAAuB;EAC7BC,KAAK,EAAE,wBAAwB;EAC/BC,GAAG,EAAE,sBAAsB;EAC3BC,KAAK,EAAE,wBAAwB;EAC/BC,QAAQ,EAAE,2BAA2B;EACrCC,WAAW,EAAE,8BAA8B;EAC3CC,mBAAmB,EAAE,sCAAsC;EAC3DC,iBAAiB,EAAE,oCAAoC;EACvDC,WAAW,EAAE,8BAA8B;EAC3CC,SAAS,EAAE;AACb,CAAU;;;;;;;;;;;;;;;;;;AAkBH,IAAMC,eAAe,GAAAX,OAAA,CAAAW,eAAA,GAAGC,MAAM,CAACC,MAAM;EAC1C;IACEC,KAAK,EAAEC,0CAAoB;IAC3BC,GAAG,EAAEC,wCAAkB;IACvBC,SAAS,EAAEC,kDAAwB;IACnCC,QAAQ,EAAEC;EACZ,CAAC;EACD,IAAAC,oCAAiB,EAAC,iBAAiB,EAAE,UAACC,KAA2B,EAAEC,GAAG,EAAK;IACzE,IAAAC,oBAAA,GAAqB,IAAAC,qCAAmB,EAAC,CAAC,CAAlCC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;IAChB,IAAMC,MAAM,GAAG,IAAAC,wCAAmB,EAAC,iBAAiB,EAAEC,oCAA2B,CAAC;;IAElF,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAS,CAAC,CAA/CC,UAAU,GAAAF,SAAA,IAAEG,aAAa,GAAAH,SAAA;IAChC,IAAAI,UAAA,GAA0C,IAAAH,eAAQ,EAAC,KAAK,CAAC,CAAlDI,aAAa,GAAAD,UAAA,IAAEE,gBAAgB,GAAAF,UAAA;IACtC,IAAAG,UAAA,GAA0C,IAAAN,eAAQ,EAAC,KAAK,CAAC,CAAlDO,aAAa,GAAAD,UAAA,IAAEE,gBAAgB,GAAAF,UAAA;;IAEtC,IAAAG,UAAA,GAAgC,IAAAT,eAAQ,EAAS,CAAC,CAA3CU,QAAQ,GAAAD,UAAA,IAAEE,WAAW,GAAAF,UAAA;IAC5B,IAAAG,UAAA,GAAsC,IAAAZ,eAAQ,EAAC,KAAK,CAAC,CAA9Ca,WAAW,GAAAD,UAAA,IAAEE,cAAc,GAAAF,UAAA;IAClC,IAAAG,UAAA,GAAsC,IAAAf,eAAQ,EAAC,KAAK,CAAC,CAA9CgB,WAAW,GAAAD,UAAA,IAAEE,cAAc,GAAAF,UAAA;;IAElC,IAAAG,UAAA,GAA8B,IAAAlB,eAAQ,EAAC,EAAE,CAAC,CAAnCmB,OAAO,GAAAD,UAAA,IAAEE,UAAU,GAAAF,UAAA;IAC1B,IAAAG,UAAA,GAA8B,IAAArB,eAAQ,EAAC,EAAE,CAAC,CAAnCsB,OAAO,GAAAD,UAAA,IAAEE,UAAU,GAAAF,UAAA;;IAE1B,IAAAG,UAAA,GAAoC,IAAAxB,eAAQ,EAAgB,IAAI,CAAC,CAA1DyB,UAAU,GAAAD,UAAA,IAAEE,aAAa,GAAAF,UAAA;IAChC,IAAAG,WAAA,GAAwC,IAAA3B,eAAQ,EAAU,KAAK,CAAC,CAAzD4B,YAAY,GAAAD,WAAA,IAAEE,eAAe,GAAAF,WAAA;IACpC,IAAAG,WAAA,GAAoC,IAAA9B,eAAQ,EAAkC,IAAI,CAAC,CAA5E+B,UAAU,GAAAD,WAAA,IAAEE,aAAa,GAAAF,WAAA;;IAEhC,IAAMG,kBAAkB,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;IACvD,IAAMC,WAAW,GAAG,IAAAD,aAAM,EAAW,IAAI,CAAC;IAC1C,IAAME,QAAQ,GAAG,IAAAF,aAAM,EAAY,IAAI,CAAC;IACxC,IAAMG,MAAM,GAAG,IAAAH,aAAM,EAAY,IAAI,CAAC;IACtC,IAAMI,cAAc,GAAG,IAAAJ,aAAM,EAAY,IAAI,CAAC;IAC9C,IAAMK,YAAY,GAAG,IAAAL,aAAM,EAAY,IAAI,CAAC;IAC5C,IAAMM,oBAAoB,GAAG,IAAAN,aAAM,EAAkB,IAAI,CAAC;IAC1D,IAAMO,kBAAkB,GAAG,IAAAP,aAAM,EAAkB,IAAI,CAAC;IACxD,IAAMQ,cAAc,GAAG,CAACnC,aAAa,IAAI,CAACS,WAAW,IAAIY,YAAY;;IAErE,IAAMe,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAK,EAAU,KAAfA,KAAK,cAALA,KAAK,GAAG,EAAE;MACvC,IAAMC,aAAa,GAAG;QACpBC,YAAY,EAAE7C,UAAU;QACxB8C,UAAU,EAAErC,QAAQ;QACpBS,OAAO,EAAPA,OAAO;QACPG,OAAO,EAAPA;MACF,CAAC;MACD,IAAM0B,YAAY,GAAG,IAAAC,kCAAgB,EAAClB,UAAU,EAAEa,KAAK,EAAEC,aAAa,CAAC;;MAEvE3C,aAAa,CAAC8C,YAAY,CAAC9E,KAAK,CAAC;MACjCyC,WAAW,CAACqC,YAAY,CAAC7E,GAAG,CAAC;;MAE7B,IAAI6E,YAAY,CAACE,MAAM,IAAIF,YAAY,CAACG,KAAK,EAAE;QAC7CA,KAAK,CAACH,YAAY,CAACG,KAAK,CAAC;MAC3B;;MAEA,IAAI,CAACH,YAAY,CAACE,MAAM,EAAE;QACxBE,KAAK,CAAC,CAAC;MACT;IACF,CAAC;;IAED,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAIC,SAAmC,EAAe,KAAlDA,SAAmC,cAAnCA,SAAmC,GAAG,OAAO;MACzDtB,aAAa,CAACsB,SAAS,CAAC;MACxBzB,eAAe,CAAC,IAAI,CAAC;IACvB,CAAC;;IAED,IAAMuB,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;MAClBvB,eAAe,CAAC,KAAK,CAAC;MACtBH,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC;;IAED,IAAMyB,KAAK,GAAG,SAARA,KAAKA,CAAIG,SAAmC,EAAe,KAAlDA,SAAmC,cAAnCA,SAAmC,GAAG,OAAO;MAC1DtB,aAAa,CAACsB,SAAS,CAAC;IAC1B,CAAC;;IAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA8B,EAAK;MACnD,QAAQA,IAAI;QACV,KAAK,OAAO;UACVtD,aAAa,CAAC,EAAE,CAAC;UACjBiD,KAAK,CAAC,KAAK,CAAC;UACZ;;QAEF,KAAK,KAAK;UACRxC,WAAW,CAAC,EAAE,CAAC;UACfyC,KAAK,CAAC,CAAC;UACP;MACJ;IACF,CAAC;;IAED,IAAAK,0BAAmB;MACjBjE,GAAG;MACH,iBAAAkE,oBAAA,QAAO;UACLL,IAAI,EAAJA,IAAI;UACJD,KAAK,EAALA,KAAK;UACLO,aAAa,GAAAD,oBAAA,GAAEvB,WAAW,CAACyB,OAAO,qBAAnBF,oBAAA,CAAqBC,aAAa;UACjDE,WAAW,EAAE,SAAAA,YAAA,UAAM5B,kBAAkB,CAAC2B,OAAO;QAC/C,CAAC,EAAC;MACF;IACF,CAAC;;IAED,IAAAE,sBAAe,EAAC,YAAM;MACpB,IAAI,CAAC/B,UAAU,EAAE;QACf;MACF;;MAEA;MACAgC,UAAU,CAAC,YAAM,KAAAC,sBAAA;QACf,IAAMC,OAAO,GAAGlC,UAAU,KAAK,OAAO;QACtC,IAAImC,eAAe;;QAEnB;QACA,IAAIvE,QAAQ,IAAIJ,KAAK,CAAC4E,yBAAyB,EAAE;UAC/CD,eAAe,GAAGD,OAAO,GAAGzB,oBAAoB,GAAGC,kBAAkB;UACrE,IAAI2B,aAAK,EAAE,KAAAC,qBAAA;YACT,CAAAA,qBAAA,GAAAH,eAAe,CAACN,OAAO,aAAvBS,qBAAA,CAAyBlB,KAAK,CAAC,CAAC;UAClC,CAAC,MAAM,KAAAmB,sBAAA;YACL;YACA,CAAAA,sBAAA,GAAAJ,eAAe,CAACN,OAAO,aAAvBU,sBAAA,CAAyBC,KAAK,CAAC,CAAC;UAClC;UACA;QACF;;QAEA;QACA,IAAI5E,QAAQ,EAAE,KAAA6E,sBAAA;UACZN,eAAe,GAAGD,OAAO,GAAG3B,cAAc,GAAGC,YAAY;UACzD,CAAAiC,sBAAA,GAAAN,eAAe,CAACN,OAAO,aAAvBY,sBAAA,CAAyBrB,KAAK,CAAC,CAAC;UAChC;QACF;;QAEA;QACAe,eAAe,GAAGD,OAAO,GAAG7B,QAAQ,GAAGC,MAAM;QAC7C,CAAA2B,sBAAA,GAAAE,eAAe,CAACN,OAAO,aAAvBI,sBAAA,CAAyBb,KAAK,CAAC,CAAC;MAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAACpB,UAAU,CAAC,CAAC;;IAEhB,IAAM0C,2BAAwD,GAAG;MAC/DxE,UAAU,EAAVA,UAAU;MACVG,aAAa,EAAbA,aAAa;MACbG,aAAa,EAAbA,aAAa;MACbG,QAAQ,EAARA,QAAQ;MACRG,WAAW,EAAXA,WAAW;MACXG,WAAW,EAAXA,WAAW;MACXG,OAAO,EAAPA,OAAO;MACPG,OAAO,EAAPA,OAAO;MACPoD,IAAI,EAAEnF,KAAK,CAACmF,IAAI;MAChBxE,aAAa,EAAbA,aAAa;MACbG,gBAAgB,EAAhBA,gBAAgB;MAChBG,gBAAgB,EAAhBA,gBAAgB;MAChBG,WAAW,EAAXA,WAAW;MACXG,cAAc,EAAdA,cAAc;MACdG,cAAc,EAAdA,cAAc;MACdG,UAAU,EAAVA,UAAU;MACVG,UAAU,EAAVA,UAAU;MACVS,aAAa,EAAbA,aAAa;MACbqB,IAAI,EAAJA,IAAI;MACJD,KAAK,EAALA,KAAK;MACLnB,kBAAkB,EAAlBA,kBAAkB;MAClBG,QAAQ,EAARA,QAAQ;MACRC,MAAM,EAANA;IACF,CAAC;;IAED,IAAMsC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAY,EAAEC,SAAS,OAAAC,GAAA,KAATD,SAAS,cAATA,SAAS,GAAG,KAAK;QACrDhJ,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC7H,OAAA,CAAA8H,aAAa,CAACC,QAAQ;UACrBtC,KAAK,EAAE;YACLhD,MAAM,EAAE;cACNuF,QAAQ,EAAE;gBACRC,MAAM,EAAExF,MAAM,CAACwF,MAAM;gBACrBC,0BAA0B,EAAEzF,MAAM,CAACyF,0BAA0B;gBAC7DC,oBAAoB,EAAE1F,MAAM,CAAC0F,oBAAoB;gBACjDC,mBAAmB,EAAE3F,MAAM,CAAC2F,mBAAmB;gBAC/CC,qBAAqB,EAAE5F,MAAM,CAAC4F;cAChC;YACF;UACF,CAAE;;QAEF3J,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC3I,SAAA,CAAA8I,QAAQ;UACPvC,KAAK,EAAEb,UAAU,KAAK,OAAO,GAAG9B,UAAU,GAAGS,QAAS;UACtDS,OAAO,EAAEA,OAAQ;UACjBG,OAAO,EAAEA,OAAQ;UACjBmE,SAAS,EAAE,SAAAA,UAACC,QAAQ,UAAKC,mBAAmB,CAACD,QAAQ,EAAEd,KAAK,EAAErF,KAAK,CAACkG,SAAS,CAAC,EAAC;UAC/EG,aAAa,EAAE,SAAAA,cAAChD,KAAK,UAAKD,qBAAqB,CAACC,KAAK,CAAC,EAAC;UACvDpD,GAAG,EAAE2C,WAAY;UACjB0D,aAAa,EAAEtG,KAAK,CAACsG,aAAc;UACnCC,SAAS,EAAE,IAAAC,WAAE,GAAAjB,GAAA,OAAAA,GAAA,CAAIkB,uBAAM,CAACC,iBAAiB,CAAC,CAAC,IAAGpB,SAAS,EAAAC,GAAA,CAAE,CAAE;QAC5D;QACqB,CAAC,GAC1B;;;IAED,IAAMoB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAItB,KAAY,OAAAuB,IAAA,EAAAC,IAAA;QACxCvK,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAChJ,YAAA,CAAAqK,WAAW;UACVC,MAAM;UACNC,oBAAoB;UAClB1K,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,UAAKc,SAAS,EAAE,IAAAC,WAAE,EAACC,uBAAM,CAACQ,YAAY,CAAC,CAAC,EAAER,uBAAM,CAACS,qBAAqB,CAAC,CAAC,CAAE;UACxE5K,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACzI,UAAA,CAAAmK,SAAS;YACRC,QAAQ;YACR/D,KAAK,EAAE3C,UAAW;YAClB2G,KAAK,EAAC,MAAM;YACZlC,IAAI,EAAC,QAAQ;YACboB,SAAS,EAAE,IAAAC,WAAE,GAAAI,IAAA,OAAAA,IAAA,CAAIH,uBAAM,CAACa,kBAAkB,CAACjC,KAAK,CAAC,IAAG7C,UAAU,KAAK,OAAO,EAAAoE,IAAA,CAAE,CAAE;YAC9EW,QAAQ,EAAEvG,aAAc;YACxBqF,aAAa,EAAE1F,aAAc;YAC7B6G,OAAO,EAAE,SAAAA,QAAA,UAAM/E,aAAa,CAAC,OAAO,CAAC,EAAC;YACtCxC,GAAG,EAAE8C,cAAe;YACpB,YAAUvE,uBAAuB,CAACU,WAAY;UAC/C,CAAC;UACF5C,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACrG,eAAe,CAACO,SAAS,MAAE,CAAC;UAC7BrD,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACzI,UAAA,CAAAmK,SAAS;YACRC,QAAQ;YACR/D,KAAK,EAAElC,QAAS;YAChBkG,KAAK,EAAC,MAAM;YACZlC,IAAI,EAAC,QAAQ;YACboB,SAAS,EAAE,IAAAC,WAAE,GAAAK,IAAA,OAAAA,IAAA,CAAIJ,uBAAM,CAACa,kBAAkB,CAACjC,KAAK,CAAC,IAAG7C,UAAU,KAAK,KAAK,EAAAqE,IAAA,CAAE,CAAE;YAC5EU,QAAQ,EAAE9F,WAAY;YACtB4E,aAAa,EAAEjF,WAAY;YAC3BoG,OAAO,EAAE,SAAAA,QAAA,UAAM/E,aAAa,CAAC,KAAK,CAAC,EAAC;YACpCxC,GAAG,EAAE+C,YAAa;YAClB,YAAUxE,uBAAuB,CAACW,SAAU;UAC7C;UACE,CACN;;UACDsI,cAAc,EAAE,SAAAA,eAAA,UAAM5D,KAAK,CAAC,CAAC,EAAC;UAC9B6D,oBAAoB,EAAEC,aAAa,CAAC,CAAE;;QAEtCrL,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC7I,aAAA,CAAAgL,YAAY,CAACjC,QAAQ,IAACtC,KAAK,EAAE,IAAAwE,mDAA6B,EAACxC,KAAK,CAAE;QAChED,cAAc,CAACC,KAAK,EAAE,IAAI;QACN;QACZ,CAAC,GACf;;;IAED,IAAMyC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIzC,KAAY;QACzC/I,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC1I,MAAA,CAAAgL,KAAK;UACJhB,MAAM;UACNiB,SAAS;UACTC,QAAQ,EAAEC,cAAM,CAACC,UAAU,CAACC,SAAU;UACtCC,SAAS,EAAE,IAAAC,kCAAgB,EAACtI,KAAK,CAACuI,OAAO,EAAEvI,KAAK,CAACwI,SAAS,CAAE;UAC5D,YAAUhK,uBAAuB,CAACE,IAAK;UACvC+J,aAAa,EAAE,IAAAnE,qBAAW,EAAC5B,kBAAkB,CAAC2B,OAAO,CAAE;UACvDqE,MAAM,EAAEC,QAAQ,CAACtD,KAAK,CAACuD,qBAAqB,CAAE;;QAE9CtM,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,UAAKc,SAAS,EAAEE,uBAAM,CAACoC,eAAe,CAACxD,KAAK,CAAE,EAACyD,WAAW,EAAE,SAAAA,YAACC,CAAC,UAAKA,CAAC,CAACC,cAAc,CAAC,CAAC,EAAC;QACnF5D,cAAc,CAACC,KAAK,CAAC;QACrBsC,aAAa,CAAC;QACZ;QACA,CAAC,GACT;;;IAED,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;MAC1B,IAAMsB,KAAK,GAAG,IAAIC,0BAAY,CAAC7I,MAAM,CAAC;MACnC8I,aAAa,CAACC,sCAAkB,CAACC,kBAAkB,CAAC,CAAC,CAAC;MACtDC,QAAQ,CAAC,EAAEC,OAAO,EAAE,IAAI,EAAEC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;;MAEnD,IAAMC,kBAAkB,GAAG5I,aAAa,IAAIS,WAAW;MACvD;QACEhF,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,UAAKc,SAAS,EAAE,IAAAC,WAAE,EAACC,uBAAM,CAACiD,UAAU,CAAC,CAAC,CAAE;QACrCD,kBAAkB;QACjBnN,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAAnJ,MAAA,CAAAkJ,OAAA,CAAAmE,QAAA;QACGnH,UAAU,KAAK,OAAO,IAAI3B,aAAa;QACtCvE,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACpI,OAAA,CAAAuM,MAAM;UACLvC,KAAK,EAAC,MAAM;UACZ,YAAU7I,uBAAuB,CAACQ,mBAAoB;UACtD6K,OAAO,EAAE,SAAAA,QAAA,UAAM7F,QAAQ,CAAC,OAAO,CAAC,EAAC;;QAEhC3D,MAAM,CAACyJ;QACF,CACT;;QACAtH,UAAU,KAAK,KAAK,IAAIlB,WAAW;QAClChF,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACpI,OAAA,CAAAuM,MAAM;UACLvC,KAAK,EAAC,MAAM;UACZ,YAAU7I,uBAAuB,CAACS,iBAAkB;UACpD4K,OAAO,EAAE,SAAAA,QAAA,UAAM7F,QAAQ,CAAC,KAAK,CAAC,EAAC;;QAE9B3D,MAAM,CAAC0J;QACF;;QAEV,CACH;;;QAEA/J,KAAK,CAACgK,eAAe;QACpB1N,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACpI,OAAA,CAAAuM,MAAM;UACLK,IAAI,eAAE3N,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAChI,gBAAA,CAAAyM,mBAAmB,MAAE,CAAE;UAC9B,cAAY7J,MAAM,CAAC8J,cAAe;UAClC,YAAU3L,uBAAuB,CAACO,WAAY;UAC9C8K,OAAO,EAAE,SAAAA,QAAA,UAAMzG,qBAAqB,CAAC6F,KAAK,CAAC,EAAC;;QAE3C,CAACQ,kBAAkB,IAAIpJ,MAAM,CAAC4I;QACzB;;QAEP,CAAC;;IAEV,CAAC;;IAED,IAAMmB,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA;QAC/B9N,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAAnJ,MAAA,CAAAkJ,OAAA,CAAAmE,QAAA;QACErN,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC/H,gBAAA,CAAA2M,eAAe;UACdhH,KAAK,EAAE3C,UAAW;UAClBkB,OAAO,EAAEA,OAAQ;UACjBG,OAAO,EAAEA,OAAQ;UACjBsE,aAAa,EAAE1F,aAAc;UAC7B4G,QAAQ,EAAEvG,aAAc;UACxBf,GAAG,EAAEgD,oBAAqB;QAC3B,CAAC;QACF3G,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC/H,gBAAA,CAAA2M,eAAe;UACdhH,KAAK,EAAElC,QAAS;UAChBS,OAAO,EAAEA,OAAQ;UACjBG,OAAO,EAAEA,OAAQ;UACjBsE,aAAa,EAAEjF,WAAY;UAC3BmG,QAAQ,EAAE9F,WAAY;UACtBxB,GAAG,EAAEiD,kBAAmB;QACzB;QACD,CAAC,GACJ;;;IAED;MACE5G,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC7I,aAAA,CAAAgL,YAAY,CAAC0C,QAAQ;MACnB,UAACjF,KAAK;UACL/I,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC7I,aAAA,CAAAgL,YAAY,CAACjC,QAAQ,IAACtC,KAAK,EAAE,IAAAkH,6CAAuB,EAAClF,KAAK,CAAE;UAC3D/I,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC5I,cAAA,CAAA2N,aAAa,EAAKxK,KAAK;UACtB1D,MAAA,CAAAkJ,OAAA,CAAAC,aAAA;YACEc,SAAS,EAAEE,uBAAM,CAAC/H,IAAI,CAAC,CAAE;YACzB+L,IAAI,EAAC,OAAO;YACZ,oBAAkBzK,KAAK,CAAC,kBAAkB,CAAE;YAC5C,cAAYA,KAAK,CAAC,YAAY,CAAE;YAChC,mBAAiBA,KAAK,CAAC,iBAAiB,CAAE;YAC1C,YAAUxB,uBAAuB,CAACE,IAAK;YACvCuB,GAAG,EAAEyC,kBAAmB;;UAExBpG,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAACzH,uBAAA,CAAA0M,sBAAsB,CAAC/E,QAAQ,IAACtC,KAAK,EAAE6B,2BAA4B;UAClE5I,MAAA,CAAAkJ,OAAA,CAAAC,aAAA;YACEc,SAAS,EAAE,IAAAC,WAAE;cACXC,uBAAM,CAACQ,YAAY,CAAC,CAAC;cACrBR,uBAAM,CAACkE,iBAAiB,CAACtF,KAAK,CAAC;cAC/BuF,YAAG,EAAAtM,eAAA,KAAAA,eAAA,OAAAuM,4BAAA,CAAArF,OAAA;cACY,IAAAsF,4BAAW,EAACzF,KAAK,EAAErF,KAAK,CAACmF,IAAI,CAAC;;YAE/C,CAAE;;UAEDnF,KAAK,CAAC+K;UACJ,CAAC;;UAEL/K,KAAK,CAAC4E,yBAAyB,IAAIxE,QAAQ;UACxCgK,2BAA2B,CAAC,CAAC;UAC7BjH,cAAc,KAAK/C,QAAQ,GAAGuG,oBAAoB,CAACtB,KAAK,CAAC,GAAGyC,qBAAqB,CAACzC,KAAK,CAAC;UAC7D;UAC9B;UACQ;UACM,CAAC;;MAEL,CAAC;;;IAG1B,SAASe,mBAAmBA;IAC1BpG,KAAuB;IACvBgL,CAAQ;IACRC,WAA0E;IAC1E,KAAAC,IAAA;MACA,IAAMC,GAAG,GAAGnL,KAAK,CAACoL,IAAI;;MAEtB,IAAMC,UAAU,GAAG3K,UAAU,KAAKyK,GAAG;MACrC,IAAMG,SAAS,GAAGnK,QAAQ,KAAKgK,GAAG;MAClC,IAAMI,aAAa,GAAGC,OAAO,CAAC9K,UAAU,IAAIS,QAAQ,IAAI,IAAAsK,qBAAS,EAACN,GAAG,EAAEzK,UAAU,EAAES,QAAQ,CAAC,CAAC;;MAE7F,IAAMuK,aAAa,GAAGxJ,UAAU,KAAK,IAAI;MACzC,IAAMyJ,oBAAoB;MACxBD,aAAa;MACbF,OAAO;QACJhJ,UAAU,KAAK,OAAO,IAAIrB,QAAQ,IAAI,IAAAsK,qBAAS,EAACN,GAAG,EAAEjJ,UAAU,EAAEf,QAAQ,CAAC;QACxEqB,UAAU,KAAK,KAAK,IAAI9B,UAAU,IAAI,IAAA+K,qBAAS,EAACN,GAAG,EAAEzK,UAAU,EAAEwB,UAAU;MAChF,CAAC;;MAEH,IAAI0J,gBAAgB;MACpB,IAAIC,iBAAiB;;MAErB,IAAIH,aAAa,EAAE;QACjB,IAAMI,wBAAwB,GAAGpL,UAAU,GAAG,IAAAqL,kBAAM,EAAC7J,UAAU,EAAExB,UAAU,CAAC,GAAGS,QAAQ;QACvF,IAAM6K,sBAAsB,GAAG7K,QAAQ,GAAG,IAAA8K,qBAAS,EAAC/J,UAAU,EAAEf,QAAQ,CAAC,GAAGT,UAAU;;QAEtF,IAAI2K,UAAU,KAAK,IAAAa,4BAAgB,EAAChK,UAAU,EAAExB,UAAU,CAAC,IAAI8B,UAAU,KAAK,KAAK,CAAC,EAAE;UACpFoJ,gBAAgB,GAAG,IAAI;QACzB;;QAEA,IAAIN,SAAS,KAAK,IAAAa,yBAAa,EAACjK,UAAU,EAAEf,QAAQ,CAAC,IAAIqB,UAAU,KAAK,OAAO,CAAC,EAAE;UAChFqJ,iBAAiB,GAAG,IAAI;QAC1B;;QAEA,IAAMO,YAAY,GAAGlK,UAAU,KAAKiJ,GAAG;QACvC,IAAIiB,YAAY,EAAE;UAChB,IAAIN,wBAAwB,EAAE;YAC5BF,gBAAgB,GAAG,IAAI;UACzB;;UAEA,IAAII,sBAAsB,EAAE;YAC1BH,iBAAiB,GAAG,IAAI;UAC1B;QACF;MACF,CAAC,MAAM;QACL,IAAIR,UAAU,EAAE;UACdO,gBAAgB,GAAG,IAAI;QACzB;;QAEA,IAAIN,SAAS,EAAE;UACbO,iBAAiB,GAAG,IAAI;QAC1B;MACF;;MAEA;QACEvP,MAAA,CAAAkJ,OAAA,CAAAC,aAAA;UACE4G,WAAW,EAAE,SAAAA,YAAA,UAAMlK,aAAa,CAACgJ,GAAG,CAAC,EAAC;UACtCmB,UAAU,EAAE,SAAAA,WAAA,UAAMnK,aAAa,CAAC,IAAI,CAAC,EAAC;UACtCoE,SAAS,EAAE,IAAAC,WAAE;YACXC,uBAAM,CAAC8F,gBAAgB,CAAC,CAAC;YACzB3B,YAAG,EAAArM,gBAAA,KAAAA,gBAAA,OAAAsM,4BAAA,CAAArF,OAAA;YACa+F,aAAa,IAAIP,CAAC,CAACwB,mBAAmB;YAC1BZ,gBAAgB,IAAIZ,CAAC,CAACyB,wBAAwB;YAC3Cb,gBAAgB,IAAIZ,CAAC,CAACyB,wBAAwB;YAChDZ,iBAAiB,IAAIb,CAAC,CAACyB,wBAAwB;YAC5CZ,iBAAiB,IAAIb,CAAC,CAACyB,wBAAwB,IAAAvB,IAAA,OAAAA,IAAA;;;YAG5EzE,uBAAM,CAACiG,mBAAmB,CAAC1B,CAAC,CAAC,IAAGK,UAAU,IAAIC,SAAS,EAAAJ,IAAA;YACvDzE,uBAAM,CAACkG,6BAA6B,CAAC3B,CAAC,CAAC,IAAGO,aAAa,EAAAL,IAAA;YACvDzE,uBAAM,CAACmG,+BAA+B,CAAC5B,CAAC,CAAC,IAAGW,oBAAoB,EAAAT,IAAA;;UAErE,CAAE;;QAEDD,WAAW,GAAGA,WAAW,CAACjL,KAAK,CAAC,gBAAG1D,MAAA,CAAAkJ,OAAA,CAAAC,aAAA,CAAC3I,SAAA,CAAA+P,WAAW,EAAK7M,KAAQ;QAC1D,CAAC;;IAEV;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/DateRangePicker/DateRangePicker.styles.d.ts

@@ -0,0 +1,17 @@
+import { SizeProp } from '../../lib/types/props';
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    inputWrapper(): string;
+    inputWrapperWidth(t: Theme): string;
+    inputWrapperWidthFull(): string;
+    inputVisuallyFocus(t: Theme): string;
+    calendarWrapper(t: Theme): string;
+    calendarWidthAuto(): string;
+    rangeCalendarDay(): string;
+    rangeCalendarDayEnd(t: Theme): string;
+    rangeCalendarDayInHoveredPeriod(t: Theme): string;
+    rangeCalendarDayHoverInPeriod(t: Theme): string;
+    buttonWrap(): string;
+};
+export declare function getFontSize(t: Theme, size?: SizeProp): string;