@skbkontur/react-ui 0.0.0-30619a873c → 0.0.0-32550fb571

package/cjs/components/DateRangePicker/DateRangePicker.js

@@ -1,481 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.DateRangePickerTo = exports.DateRangePickerFrom = exports.DateRangePickerDataTids = exports.DateRangePicker = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireWildcard(require("react"));
-
-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 _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 _DateRangePicker = require("./DateRangePicker.styles");
-var _DateRangePickerSeparator = require("./DateRangePickerSeparator");
-var _DateRangePickerContext = require("./DateRangePickerContext");
-var _DateRangePickerField = require("./DateRangePickerField");
-var _MobileDateRangePicker = require("./MobileDateRangePicker");
-var _DateRangePickerTheme = require("./DateRangePickerTheme");
-var _locale = require("./locale");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var DateRangePickerDataTids = exports.DateRangePickerDataTids = {
-  root: 'DateRangePicker__root',
-  from: 'DateRangePicker__from',
-  to: 'DateRangePicker__to',
-  popup: 'DateRangePicker__popup',
-  calendar: 'DateRangePicker__calendar',
-  optionalFromFieldButton: 'DateRangePicker__optionalFromFieldButton',
-  optionalToFieldButton: 'DateRangePicker__optionalToFieldButton'
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var DateRangePicker = exports.DateRangePicker =
-
-
-
-function DateRangePicker(props) {
-  var _useResponsiveLayout = (0, _ResponsiveLayout.useResponsiveLayout)(),isMobile = _useResponsiveLayout.isMobile;
-  var locale = (0, _useLocaleForControl.useLocaleForControl)('DateRangePicker', _locale.DatePickerLocaleHelper);
-  var minDate = props.minDate,maxDate = props.maxDate;
-  var _useState = (0, _react.useState)(props.to),periodStart = _useState[0],setPeriodStart = _useState[1];
-  var _useState2 = (0, _react.useState)(props.from),periodEnd = _useState2[0],setPeriodEnd = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),hoveredDay = _useState3[0],setHoveredDay = _useState3[1];
-  var _useState4 = (0, _react.useState)(false),showCalendar = _useState4[0],setShowCalendar = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),currentFocus = _useState5[0],setCurrentFocus = _useState5[1];
-
-  var fromRef = (0, _react.useRef)(null);
-  var toRef = (0, _react.useRef)(null);
-  var calendarRef = (0, _react.useRef)(null);
-  var popupContainerRef = (0, _react.useRef)(null);
-  var calendarContainerRef = (0, _react.useRef)(null);
-
-  (0, _react.useEffect)(function () {
-    props.onValueChange == null || props.onValueChange(periodStart || '', periodEnd || '');
-  }, [periodStart, periodEnd]);
-
-  (0, _react.useEffect)(function () {
-    switch (currentFocus) {
-      case 'start':
-        // fix DateInput flushSync warning in React 18
-        setTimeout(function () {var _fromRef$current;
-          fromRef == null || (_fromRef$current = fromRef.current) == null || _fromRef$current.focus();
-        });
-        return;
-
-      case 'end':
-        // fix DateInput flushSync warning in React 18
-        setTimeout(function () {var _toRef$current;
-          toRef == null || (_toRef$current = toRef.current) == null || _toRef$current.focus();
-        });
-        return;
-
-      case null:
-      default:
-        setShowCalendar == null || setShowCalendar(false);
-    }
-  }, [currentFocus]);
-
-  var close = function close() {
-    setShowCalendar(false);
-    setCurrentFocus(null);
-    setHoveredDay(null);
-  };
-
-  var setOptionalValue = function setOptionalValue(type) {
-    if (type === 'start') {
-      setPeriodStart(null);
-      setCurrentFocus('end');
-    } else if (type === 'end') {
-      setPeriodEnd(null);
-      close();
-    }
-  };
-
-  var updatePeriod = function updatePeriod(value) {
-    if (minDate && (0, _comparison.isLess)(value, minDate) || maxDate && (0, _comparison.isGreater)(value, maxDate)) {
-      return;
-    }
-
-    var handleInitialPeriod = function handleInitialPeriod(value) {
-      if (currentFocus === 'start') {
-        setPeriodStart(value);
-        setCurrentFocus('end');
-      } else {
-        setPeriodEnd(value);
-        setCurrentFocus('start');
-      }
-    };
-
-    var handlePartialPeriod = function handlePartialPeriod(value) {
-      if (currentFocus === 'start') {
-        if (periodStart) {
-          setPeriodStart(value);
-          setCurrentFocus('end');
-          return;
-        }
-
-        if (periodEnd && (0, _comparison.isGreater)(value, periodEnd)) {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-          return;
-        }
-
-        setPeriodStart(value);
-        close();
-      } else if (currentFocus === 'end') {
-        if (periodEnd) {
-          setPeriodEnd(value);
-          setCurrentFocus('start');
-          return;
-        }
-
-        if (periodStart && (0, _comparison.isLess)(value, periodStart)) {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-          return;
-        }
-
-        setPeriodEnd(value);
-        close();
-      }
-    };
-
-    var handleFullPeriod = function handleFullPeriod(value) {
-      if (currentFocus === 'start') {
-        if (periodEnd && (0, _comparison.isLessOrEqual)(value, periodEnd)) {
-          setPeriodStart(value);
-          close();
-        } else {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-        }
-      } else if (currentFocus === 'end') {
-        if (periodStart && (0, _comparison.isGreaterOrEqual)(value, periodStart)) {
-          setPeriodEnd(value);
-          close();
-        } else {
-          setPeriodStart(value);
-          setPeriodEnd(null);
-          setCurrentFocus('end');
-        }
-      }
-    };
-
-    if (!periodStart && !periodEnd) {
-      handleInitialPeriod(value);
-    } else if (periodStart && !periodEnd || !periodStart && periodEnd) {
-      handlePartialPeriod(value);
-    } else {
-      handleFullPeriod(value);
-    }
-  };
-
-  var renderRange = function renderRange(
-  props,
-  t,
-  renderDayFn)
-  {
-    var day = props.date;
-
-    var isDayFirst = periodStart === day;
-    var isDayLast = periodEnd === day;
-    var isDayInPeriod = Boolean(periodStart && periodEnd && (0, _comparison.isBetween)(day, periodStart, periodEnd));
-
-    var hasHoveredDay = hoveredDay !== null;
-    var isDayInHoveredPeriod =
-    hasHoveredDay &&
-    Boolean(
-      currentFocus === 'start' && periodEnd && (0, _comparison.isBetween)(day, hoveredDay, periodEnd) ||
-      currentFocus === 'end' && periodStart && (0, _comparison.isBetween)(day, periodStart, hoveredDay)
-    );
-
-    var hasLeftRoundings;
-    var hasRightRoundings;
-
-    if (hasHoveredDay) {
-      // TODO: check if periodStart / periodEnd not setted
-      var isDayBeforeFirstInPeriod = periodStart ? (0, _comparison.isLess)(hoveredDay, periodStart) : periodEnd;
-      var isDayAfterLastInPeriod = periodEnd ? (0, _comparison.isGreater)(hoveredDay, periodEnd) : periodStart;
-
-      if (isDayFirst && ((0, _comparison.isGreaterOrEqual)(hoveredDay, periodStart) || currentFocus === 'end')) {
-        hasLeftRoundings = true;
-      }
-
-      if (isDayLast && ((0, _comparison.isLessOrEqual)(hoveredDay, periodEnd) || currentFocus === '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)((0,
-        _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n            width: 100%;\n            height: 100%;\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.calendarRangeCellBg,
-        hasLeftRoundings && t.calendarCellBorderRadius,
-        hasLeftRoundings && t.calendarCellBorderRadius,
-        hasRightRoundings && t.calendarCellBorderRadius,
-        hasRightRoundings && t.calendarCellBorderRadius),
-
-        (isDayFirst || isDayLast) && (0,
-        _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n              position: relative;\n\n              [data-tid=", "] {\n                color: ", ";\n\n                @media (hover: hover) {\n                  &:hover {\n                    background: none;\n                  }\n                }\n              }\n\n              &:before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: ", ";\n                border-radius: ", ";\n              }\n            "])),
-
-
-        _Calendar.CalendarDataTids.dayCell,
-        t.calendarRangeCellEndColor,
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-        t.calendarRangeCellEndBg,
-        t.calendarCellBorderRadius),
-
-
-        isDayInHoveredPeriod && (0,
-        _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n              background: ", ";\n            "])),
-        t.calendarRangeCellBg),
-
-        isDayInPeriod && (0,
-        _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n              @media (hover: hover) {\n                &:hover [data-tid=", "] {\n                  background: ", ";\n                }\n              }\n            "])),
-
-        _Calendar.CalendarDataTids.dayCell,
-        t.calendarRangeCellHoverBg)
-
-
-
-        ) },
-
-      renderDayFn ? renderDayFn(props) : /*#__PURE__*/_react.default.createElement(_Calendar.CalendarDay, props)
-      ));
-
-  };
-
-  var dateRangePickerContextProps = {
-    from: props.from,
-    to: props.to,
-    minDate: props.minDate,
-    maxDate: props.maxDate,
-    size: props.size,
-    onValueChange: props.onValueChange,
-
-    periodStart: periodStart || '',
-    periodEnd: periodEnd || '',
-    hoveredDay: hoveredDay,
-    showCalendar: showCalendar,
-    currentFocus: currentFocus,
-
-    setPeriodStart: setPeriodStart,
-    setPeriodEnd: setPeriodEnd,
-    setHoveredDay: setHoveredDay,
-    setShowCalendar: setShowCalendar,
-    setCurrentFocus: setCurrentFocus,
-
-    isMobile: isMobile,
-
-    fromRef: fromRef,
-    toRef: toRef,
-    calendarRef: calendarRef
-  };
-
-  var getSize = function getSize(t) {
-    switch (props.size) {
-      case 'large':
-        return t.fontSizeLarge;
-      case 'medium':
-        return t.fontSizeMedium;
-      case 'small':
-      default:
-        return t.fontSizeSmall;
-    }
-  };
-
-  return /*#__PURE__*/(
-    _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__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(), "data-tid": DateRangePickerDataTids.root, ref: popupContainerRef }, /*#__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)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n                          font-size: ", ";\n                        "])),
-            getSize(theme))
-
-          ) },
-
-        props.children ?
-        props.children : /*#__PURE__*/
-
-        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-        _react.default.createElement(DateRangePickerFrom, { width: "auto" }), /*#__PURE__*/
-        _react.default.createElement(_DateRangePickerSeparator.DateRangePickerSeparator, null), /*#__PURE__*/
-        _react.default.createElement(DateRangePickerTo, { width: "auto" })
-        )
-
-        ),
-
-        showCalendar && /*#__PURE__*/
-        _react.default.createElement(_react.default.Fragment, null,
-        isMobile ? /*#__PURE__*/
-        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-        _react.default.createElement(_MobileDateRangePicker.MobileDateRangePicker
-        // enableTodayLink={props.enableTodayLink}
-        , { onMonthChange: props.onMonthChange,
-          minDate: minDate,
-          maxDate: maxDate,
-          onCalendarPickDay: updatePeriod,
-          onCloseRequest: close,
-          renderDay: function renderDay(dayProps) {return renderRange(dayProps, theme, props.renderDay);},
-          "data-tid": DateRangePickerDataTids.calendar }
-        )
-        ) : /*#__PURE__*/
-
-        _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
-        _react.default.createElement("div", { "data-tid": DateRangePickerDataTids.popup }), /*#__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)(popupContainerRef.current),
-          margin: parseInt(theme.datePickerMenuOffsetY) }, /*#__PURE__*/
-
-        _react.default.createElement("div", {
-          className: _DateRangePicker.styles.calendarWrapper(theme),
-          onMouseDown: function onMouseDown(e) {return e.preventDefault();},
-          ref: calendarContainerRef }, /*#__PURE__*/
-
-        _react.default.createElement(_Calendar.Calendar, {
-          value: null,
-          minDate: minDate,
-          maxDate: maxDate,
-          renderDay: function renderDay(dayProps) {return renderRange(dayProps, theme, props.renderDay);},
-          onValueChange: updatePeriod,
-          ref: calendarRef,
-          "data-tid": DateRangePickerDataTids.calendar }
-        ), /*#__PURE__*/
-        _react.default.createElement("div", { style: { margin: 8 } },
-        currentFocus === 'start' && fromRef.current.props.optional && /*#__PURE__*/
-        _react.default.createElement(_Button.Button, {
-          width: "100%",
-          "data-tid": DateRangePickerDataTids.optionalFromFieldButton,
-          onClick: function onClick() {return setOptionalValue('start');} },
-
-        locale.withoutFirstDate
-        ),
-
-        currentFocus === 'end' && toRef.current.props.optional && /*#__PURE__*/
-        _react.default.createElement(_Button.Button, {
-          width: "100%",
-          "data-tid": DateRangePickerDataTids.optionalToFieldButton,
-          onClick: function onClick() {return setOptionalValue('end');} },
-
-        locale.withoutSecondDate
-        )
-
-        )
-        )
-        )
-        )
-
-        )
-
-        )
-        )
-        )
-        ));
-
-    }
-    )
-    ));
-
-};
-
-var DateRangePickerFrom = exports.DateRangePickerFrom = function DateRangePickerFrom(props) {return /*#__PURE__*/_react.default.createElement(_DateRangePickerField.DateRangePickerField, (0, _extends2.default)({}, props, { type: "start" }));};
-
-var DateRangePickerTo = exports.DateRangePickerTo = function DateRangePickerTo(props) {return /*#__PURE__*/_react.default.createElement(_DateRangePickerField.DateRangePickerField, (0, _extends2.default)({}, props, { type: "end" }));};
-
-DateRangePicker.__KONTUR_REACT_UI__ = 'DateRangePicker';
-DateRangePicker.displayName = 'DateRangePicker';
-
-DateRangePicker.From = DateRangePickerFrom;
-DateRangePicker.To = DateRangePickerTo;
-DateRangePicker.Separator = _DateRangePickerSeparator.DateRangePickerSeparator;

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useLocaleForControl","_Emotion","_ThemeContext","_CommonWrapper","_Calendar","_Popup","_comparison","_ZIndex","_rootNode","_getMenuPositions","_Button","_ResponsiveLayout","_DateRangePicker","_DateRangePickerSeparator","_DateRangePickerContext","_DateRangePickerField","_MobileDateRangePicker","_DateRangePickerTheme","_locale","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","DateRangePickerDataTids","exports","root","from","to","popup","calendar","optionalFromFieldButton","optionalToFieldButton","DateRangePicker","props","_useResponsiveLayout","useResponsiveLayout","isMobile","locale","useLocaleForControl","DatePickerLocaleHelper","minDate","maxDate","_useState","useState","periodStart","setPeriodStart","_useState2","periodEnd","setPeriodEnd","_useState3","hoveredDay","setHoveredDay","_useState4","showCalendar","setShowCalendar","_useState5","currentFocus","setCurrentFocus","fromRef","useRef","toRef","calendarRef","popupContainerRef","calendarContainerRef","useEffect","onValueChange","setTimeout","_fromRef$current","current","focus","_toRef$current","close","setOptionalValue","type","updatePeriod","value","isLess","isGreater","handleInitialPeriod","handlePartialPeriod","handleFullPeriod","isLessOrEqual","isGreaterOrEqual","renderRange","t","renderDayFn","day","date","isDayFirst","isDayLast","isDayInPeriod","Boolean","isBetween","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isDayAfterLastInPeriod","isDayHovered","default","createElement","onMouseOver","onMouseOut","className","cx","css","_taggedTemplateLiteralLoose2","calendarRangeCellBg","calendarCellBorderRadius","CalendarDataTids","dayCell","calendarRangeCellEndColor","calendarRangeCellEndBg","calendarRangeCellHoverBg","CalendarDay","dateRangePickerContextProps","size","getSize","fontSizeLarge","fontSizeMedium","fontSizeSmall","CommonWrapper","ThemeContext","Consumer","theme","Provider","getDateRangePickerTheme","styles","ref","DateRangePickerContext","inputWrapper","inputWrapperWidth","children","Fragment","DateRangePickerFrom","width","DateRangePickerSeparator","DateRangePickerTo","MobileDateRangePicker","onMonthChange","onCalendarPickDay","onCloseRequest","renderDay","dayProps","Popup","opened","hasShadow","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","menuPos","menuAlign","anchorElement","getRootNode","margin","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","Calendar","style","optional","Button","onClick","withoutFirstDate","withoutSecondDate","DateRangePickerField","_extends2","__KONTUR_REACT_UI__","displayName","From","To","Separator"],"sources":["DateRangePicker.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\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 { CommonWrapper } from '../../internal/CommonWrapper';\nimport { Calendar, CalendarDataTids, CalendarDay, CalendarDayProps } from '../Calendar';\nimport { Popup } from '../../internal/Popup';\nimport { DateInputProps } 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';\n\nimport { styles } from './DateRangePicker.styles';\nimport { DateRangePickerSeparator } from './DateRangePickerSeparator';\nimport { DateRangePickerContext, DateRangePickerContextProps } from './DateRangePickerContext';\nimport { DateRangePickerField } from './DateRangePickerField';\nimport { MobileDateRangePicker } from './MobileDateRangePicker';\nimport { getDateRangePickerTheme } from './DateRangePickerTheme';\nimport { DatePickerLocaleHelper } from './locale';\n\nexport const DateRangePickerDataTids = {\n  root: 'DateRangePicker__root',\n  from: 'DateRangePicker__from',\n  to: 'DateRangePicker__to',\n  popup: 'DateRangePicker__popup',\n  calendar: 'DateRangePicker__calendar',\n  optionalFromFieldButton: 'DateRangePicker__optionalFromFieldButton',\n  optionalToFieldButton: 'DateRangePicker__optionalToFieldButton',\n} as const;\n\nexport type CurrentFocusType = 'start' | 'end' | null;\n\nexport interface DateRangePickerProps\n  extends Pick<\n    DatePickerProps,\n    | 'value'\n    | 'minDate'\n    | 'maxDate'\n    | 'size'\n    | 'renderDay'\n    | 'menuPos'\n    | 'menuAlign'\n    | 'useMobileNativeDatePicker'\n    | 'autoFocus'\n    | 'disabled'\n    | 'error'\n    | 'warning'\n    | 'onBlur'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'onMouseEnter'\n    | 'onMouseLeave'\n    | 'onMouseOver'\n    | 'onMonthChange'\n  > {\n  from?: string;\n  to?: string;\n  onValueChange?: (from: string | null, to: string | null) => void;\n  enableTodayLink?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const DateRangePicker: React.FC<DateRangePickerProps> & {\n  From: React.FC<DateInputProps>;\n  To: React.FC<DateInputProps>;\n  Separator: React.FC;\n} = (props) => {\n  const { isMobile } = useResponsiveLayout();\n  const locale = useLocaleForControl('DateRangePicker', DatePickerLocaleHelper);\n  const { minDate, maxDate } = props;\n  const [periodStart, setPeriodStart] = useState<string | undefined | null>(props.to);\n  const [periodEnd, setPeriodEnd] = useState<string | undefined | null>(props.from);\n  const [hoveredDay, setHoveredDay] = useState<string | null>(null);\n  const [showCalendar, setShowCalendar] = useState<boolean>(false);\n  const [currentFocus, setCurrentFocus] = useState<CurrentFocusType>(null);\n\n  const fromRef = useRef<any>(null);\n  const toRef = useRef<any>(null);\n  const calendarRef = useRef<any>(null);\n  const popupContainerRef = useRef(null);\n  const calendarContainerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    props.onValueChange?.(periodStart || '', periodEnd || '');\n  }, [periodStart, periodEnd]);\n\n  useEffect(() => {\n    switch (currentFocus) {\n      case 'start':\n        // fix DateInput flushSync warning in React 18\n        setTimeout(() => {\n          fromRef?.current?.focus();\n        });\n        return;\n\n      case 'end':\n        // fix DateInput flushSync warning in React 18\n        setTimeout(() => {\n          toRef?.current?.focus();\n        });\n        return;\n\n      case null:\n      default:\n        setShowCalendar?.(false);\n    }\n  }, [currentFocus]);\n\n  const close = () => {\n    setShowCalendar(false);\n    setCurrentFocus(null);\n    setHoveredDay(null);\n  };\n\n  const setOptionalValue = (type: CurrentFocusType) => {\n    if (type === 'start') {\n      setPeriodStart(null);\n      setCurrentFocus('end');\n    } else if (type === 'end') {\n      setPeriodEnd(null);\n      close();\n    }\n  };\n\n  const updatePeriod = (value: string) => {\n    if ((minDate && isLess(value, minDate)) || (maxDate && isGreater(value, maxDate))) {\n      return;\n    }\n\n    const handleInitialPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        setPeriodStart(value);\n        setCurrentFocus('end');\n      } else {\n        setPeriodEnd(value);\n        setCurrentFocus('start');\n      }\n    };\n\n    const handlePartialPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        if (periodStart) {\n          setPeriodStart(value);\n          setCurrentFocus('end');\n          return;\n        }\n\n        if (periodEnd && isGreater(value, periodEnd)) {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n          return;\n        }\n\n        setPeriodStart(value);\n        close();\n      } else if (currentFocus === 'end') {\n        if (periodEnd) {\n          setPeriodEnd(value);\n          setCurrentFocus('start');\n          return;\n        }\n\n        if (periodStart && isLess(value, periodStart)) {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n          return;\n        }\n\n        setPeriodEnd(value);\n        close();\n      }\n    };\n\n    const handleFullPeriod = (value: string) => {\n      if (currentFocus === 'start') {\n        if (periodEnd && isLessOrEqual(value, periodEnd)) {\n          setPeriodStart(value);\n          close();\n        } else {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n        }\n      } else if (currentFocus === 'end') {\n        if (periodStart && isGreaterOrEqual(value, periodStart)) {\n          setPeriodEnd(value);\n          close();\n        } else {\n          setPeriodStart(value);\n          setPeriodEnd(null);\n          setCurrentFocus('end');\n        }\n      }\n    };\n\n    if (!periodStart && !periodEnd) {\n      handleInitialPeriod(value);\n    } else if ((periodStart && !periodEnd) || (!periodStart && periodEnd)) {\n      handlePartialPeriod(value);\n    } else {\n      handleFullPeriod(value);\n    }\n  };\n\n  const renderRange = (\n    props: CalendarDayProps,\n    t: Theme,\n    renderDayFn: ((props: CalendarDayProps) => React.ReactElement) | undefined,\n  ) => {\n    const day = props.date;\n\n    const isDayFirst = periodStart === day;\n    const isDayLast = periodEnd === day;\n    const isDayInPeriod = Boolean(periodStart && periodEnd && isBetween(day, periodStart, periodEnd));\n\n    const hasHoveredDay = hoveredDay !== null;\n    const isDayInHoveredPeriod =\n      hasHoveredDay &&\n      Boolean(\n        (currentFocus === 'start' && periodEnd && isBetween(day, hoveredDay, periodEnd)) ||\n          (currentFocus === 'end' && periodStart && isBetween(day, periodStart, hoveredDay)),\n      );\n\n    let hasLeftRoundings;\n    let hasRightRoundings;\n\n    if (hasHoveredDay) {\n      // TODO: check if periodStart / periodEnd not setted\n      const isDayBeforeFirstInPeriod = periodStart ? isLess(hoveredDay, periodStart) : periodEnd;\n      const isDayAfterLastInPeriod = periodEnd ? isGreater(hoveredDay, periodEnd) : periodStart;\n\n      if (isDayFirst && (isGreaterOrEqual(hoveredDay, periodStart) || currentFocus === 'end')) {\n        hasLeftRoundings = true;\n      }\n\n      if (isDayLast && (isLessOrEqual(hoveredDay, periodEnd) || currentFocus === '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          css`\n            width: 100%;\n            height: 100%;\n            background: ${isDayInPeriod && t.calendarRangeCellBg};\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          (isDayFirst || isDayLast) &&\n            css`\n              position: relative;\n\n              [data-tid=${CalendarDataTids.dayCell}] {\n                color: ${t.calendarRangeCellEndColor};\n\n                @media (hover: hover) {\n                  &:hover {\n                    background: none;\n                  }\n                }\n              }\n\n              &:before {\n                content: '';\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: ${t.calendarRangeCellEndBg};\n                border-radius: ${t.calendarCellBorderRadius};\n              }\n            `,\n          isDayInHoveredPeriod &&\n            css`\n              background: ${t.calendarRangeCellBg};\n            `,\n          isDayInPeriod &&\n            css`\n              @media (hover: hover) {\n                &:hover [data-tid=${CalendarDataTids.dayCell}] {\n                  background: ${t.calendarRangeCellHoverBg};\n                }\n              }\n            `,\n        )}\n      >\n        {renderDayFn ? renderDayFn(props) : <CalendarDay {...props} />}\n      </div>\n    );\n  };\n\n  const dateRangePickerContextProps: DateRangePickerContextProps = {\n    from: props.from,\n    to: props.to,\n    minDate: props.minDate,\n    maxDate: props.maxDate,\n    size: props.size,\n    onValueChange: props.onValueChange,\n\n    periodStart: periodStart || '',\n    periodEnd: periodEnd || '',\n    hoveredDay,\n    showCalendar,\n    currentFocus,\n\n    setPeriodStart,\n    setPeriodEnd,\n    setHoveredDay,\n    setShowCalendar,\n    setCurrentFocus,\n\n    isMobile,\n\n    fromRef,\n    toRef,\n    calendarRef,\n  };\n\n  const getSize = (t: Theme) => {\n    switch (props.size) {\n      case 'large':\n        return t.fontSizeLarge;\n      case 'medium':\n        return t.fontSizeMedium;\n      case 'small':\n      default:\n        return t.fontSizeSmall;\n    }\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <ThemeContext.Provider value={getDateRangePickerTheme(theme)}>\n              <CommonWrapper {...props}>\n                <div className={styles.root()} data-tid={DateRangePickerDataTids.root} ref={popupContainerRef}>\n                  <DateRangePickerContext.Provider value={dateRangePickerContextProps}>\n                    <div\n                      className={cx(\n                        styles.inputWrapper(),\n                        styles.inputWrapperWidth(theme),\n                        css`\n                          font-size: ${getSize(theme)};\n                        `,\n                      )}\n                    >\n                      {props.children ? (\n                        props.children\n                      ) : (\n                        <>\n                          <DateRangePickerFrom width=\"auto\" />\n                          <DateRangePickerSeparator />\n                          <DateRangePickerTo width=\"auto\" />\n                        </>\n                      )}\n                    </div>\n\n                    {showCalendar && (\n                      <>\n                        {isMobile ? (\n                          <>\n                            <MobileDateRangePicker\n                              // enableTodayLink={props.enableTodayLink}\n                              onMonthChange={props.onMonthChange}\n                              minDate={minDate}\n                              maxDate={maxDate}\n                              onCalendarPickDay={updatePeriod}\n                              onCloseRequest={close}\n                              renderDay={(dayProps) => renderRange(dayProps, theme, props.renderDay)}\n                              data-tid={DateRangePickerDataTids.calendar}\n                            />\n                          </>\n                        ) : (\n                          <>\n                            <div data-tid={DateRangePickerDataTids.popup} />\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(popupContainerRef.current)}\n                              margin={parseInt(theme.datePickerMenuOffsetY)}\n                            >\n                              <div\n                                className={styles.calendarWrapper(theme)}\n                                onMouseDown={(e) => e.preventDefault()}\n                                ref={calendarContainerRef}\n                              >\n                                <Calendar\n                                  value={null}\n                                  minDate={minDate}\n                                  maxDate={maxDate}\n                                  renderDay={(dayProps) => renderRange(dayProps, theme, props.renderDay)}\n                                  onValueChange={updatePeriod}\n                                  ref={calendarRef}\n                                  data-tid={DateRangePickerDataTids.calendar}\n                                />\n                                <div style={{ margin: 8 }}>\n                                  {currentFocus === 'start' && fromRef.current.props.optional && (\n                                    <Button\n                                      width=\"100%\"\n                                      data-tid={DateRangePickerDataTids.optionalFromFieldButton}\n                                      onClick={() => setOptionalValue('start')}\n                                    >\n                                      {locale.withoutFirstDate}\n                                    </Button>\n                                  )}\n                                  {currentFocus === 'end' && toRef.current.props.optional && (\n                                    <Button\n                                      width=\"100%\"\n                                      data-tid={DateRangePickerDataTids.optionalToFieldButton}\n                                      onClick={() => setOptionalValue('end')}\n                                    >\n                                      {locale.withoutSecondDate}\n                                    </Button>\n                                  )}\n                                </div>\n                              </div>\n                            </Popup>\n                          </>\n                        )}\n                      </>\n                    )}\n                  </DateRangePickerContext.Provider>\n                </div>\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    </CommonWrapper>\n  );\n};\n\nexport const DateRangePickerFrom = (props: DateInputProps) => <DateRangePickerField {...props} type=\"start\" />;\n\nexport const DateRangePickerTo = (props: DateInputProps) => <DateRangePickerField {...props} type=\"end\" />;\n\nDateRangePicker.__KONTUR_REACT_UI__ = 'DateRangePicker';\nDateRangePicker.displayName = 'DateRangePicker';\n\nDateRangePicker.From = DateRangePickerFrom;\nDateRangePicker.To = DateRangePickerTo;\nDateRangePicker.Separator = DateRangePickerSeparator;\n"],"mappings":"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","ignoreList":[]}