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

package/components/DateRangePicker/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,454 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2;
+import React, { useImperativeHandle, useRef, useState, useLayoutEffect } from 'react';
+import { MobilePopup } from "../../../internal/MobilePopup";
+import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
+import { css, cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { Calendar, CalendarDay } from "../../Calendar";
+import { Popup } from "../../../internal/Popup";
+import { DateInput } from "../../DateInput";
+import { isBetween, isGreater, isGreaterOrEqual, isLess, isLessOrEqual } from "../../../lib/date/comparison";
+import { ZIndex } from "../../../internal/ZIndex";
+import { getRootNode } from "../../../lib/rootNode";
+import { getMenuPositions } from "../../../lib/getMenuPositions";
+import { Button } from "../../Button";
+import { useResponsiveLayout } from "../../ResponsiveLayout";
+import { InternalDate } from "../../../lib/date/InternalDate";
+import { InternalDateGetter } from "../../../lib/date/InternalDateGetter";
+import { ArrowAUpIcon16Light } from "../../../internal/icons2022/ArrowAUpIcon/ArrowAUp16Light";
+import { NativeDateInput } from "../../../internal/NativeDateInput";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { LocaleContext } from "../../../lib/locale";
+import { isIOS } from "../../../lib/client";
+import { getFontSize, styles } from "../DateRangePicker.styles";
+import { DateRangePickerSeparator } from "../DateRangePickerSeparator";
+import { DateRangePickerContext } from "../DateRangePickerContext";
+import { DateRangePickerEnd, DateRangePickerStart } from "../DateRangePickerInput";
+import { getDateRangePickerTheme, getMobileDateRangePickerTheme } from "../DateRangePickerTheme";
+import { DateRangePickerLocaleHelper } from "../locale";
+import { validateDateRangePicker } from "../helpers/validateDateRangePicker";
+import { getStateForValue } from "../helpers/getStateForValue";
+export var 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'
+};
+export var DateRangePicker = Object.assign({
+  Start: DateRangePickerStart,
+  End: DateRangePickerEnd,
+  Separator: DateRangePickerSeparator,
+  validate: validateDateRangePicker
+}, forwardRefAndName('DateRangePicker', function (props, ref) {
+  var _useResponsiveLayout = useResponsiveLayout(),
+    isMobile = _useResponsiveLayout.isMobile;
+  var locale = useLocaleForControl('DateRangePicker', DateRangePickerLocaleHelper);
+  var _useState = useState(),
+    startValue = _useState[0],
+    setStartValue = _useState[1];
+  var _useState2 = useState(false),
+    startOptional = _useState2[0],
+    setStartOptional = _useState2[1];
+  var _useState3 = useState(false),
+    startDisabled = _useState3[0],
+    setStartDisabled = _useState3[1];
+  var _useState4 = useState(),
+    endValue = _useState4[0],
+    setEndValue = _useState4[1];
+  var _useState5 = useState(false),
+    endOptional = _useState5[0],
+    setEndOptional = _useState5[1];
+  var _useState6 = useState(false),
+    endDisabled = _useState6[0],
+    setEndDisabled = _useState6[1];
+  var _useState7 = useState(''),
+    minDate = _useState7[0],
+    setMinDate = _useState7[1];
+  var _useState8 = useState(''),
+    maxDate = _useState8[0],
+    setMaxDate = _useState8[1];
+  var _useState9 = useState(null),
+    hoveredDay = _useState9[0],
+    setHoveredDay = _useState9[1];
+  var _useState10 = useState(false),
+    showCalendar = _useState10[0],
+    setShowCalendar = _useState10[1];
+  var _useState11 = useState(null),
+    focusInput = _useState11[0],
+    setFocusInput = _useState11[1];
+  var dateRangePickerRef = useRef(null);
+  var calendarRef = useRef(null);
+  var startRef = useRef(null);
+  var endRef = useRef(null);
+  var mobileStartRef = useRef(null);
+  var mobileEndRef = useRef(null);
+  var mobileNativeStartRef = useRef(null);
+  var mobileNativeEndRef = 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 = 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;
+    }
+  };
+  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;
+      }
+    };
+  }, []);
+  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 (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.createElement(LocaleContext.Provider, {
+        value: {
+          locale: {
+            Calendar: {
+              months: locale.months,
+              dayCellChooseDateAriaLabel: locale.dayCellChooseDateAriaLabel,
+              selectMonthAriaLabel: locale.selectMonthAriaLabel,
+              selectYearAriaLabel: locale.selectYearAriaLabel,
+              selectChosenAriaLabel: locale.selectChosenAriaLabel
+            }
+          }
+        }
+      }, /*#__PURE__*/
+
+      React.createElement(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: cx((_cx = {}, _cx[styles.calendarWidthAuto()] = widthAuto, _cx))
+      }))
+    );
+  };
+  var renderMobileCalendar = function renderMobileCalendar(theme) {
+    var _cx2, _cx3;
+    return /*#__PURE__*/(
+      React.createElement(MobilePopup, {
+        opened: true,
+        headerChildComponent: /*#__PURE__*/
+        React.createElement("div", {
+          className: cx(styles.inputWrapper(), styles.inputWrapperWidthFull())
+        }, /*#__PURE__*/
+        React.createElement(DateInput, {
+          withIcon: true,
+          value: startValue,
+          width: "auto",
+          size: "medium",
+          className: cx((_cx2 = {}, _cx2[styles.inputVisuallyFocus(theme)] = focusInput === 'start', _cx2)),
+          disabled: startDisabled,
+          onValueChange: setStartValue,
+          onFocus: function onFocus() {
+            return setFocusInput('start');
+          },
+          ref: mobileStartRef,
+          "data-tid": DateRangePickerDataTids.mobileStart
+        }), /*#__PURE__*/
+        React.createElement(DateRangePicker.Separator, null), /*#__PURE__*/
+        React.createElement(DateInput, {
+          withIcon: true,
+          value: endValue,
+          width: "auto",
+          size: "medium",
+          className: cx((_cx3 = {}, _cx3[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.createElement(ThemeContext.Provider, {
+        value: getMobileDateRangePickerTheme(theme)
+      }, renderCalendar(theme, true)))
+    );
+  };
+  var renderDesktopCalendar = function renderDesktopCalendar(theme) {
+    return /*#__PURE__*/(
+      React.createElement(Popup, {
+        opened: true,
+        hasShadow: true,
+        priority: ZIndex.priorities.PopupMenu,
+        positions: getMenuPositions(props.menuPos, props.menuAlign),
+        "data-tid": DateRangePickerDataTids.root,
+        anchorElement: getRootNode(dateRangePickerRef.current),
+        margin: parseInt(theme.datePickerMenuOffsetY)
+      }, /*#__PURE__*/
+
+      React.createElement("div", {
+        className: styles.calendarWrapper(theme),
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        }
+      }, renderCalendar(theme), renderButtons()))
+    );
+  };
+  var renderButtons = function renderButtons() {
+    var today = new InternalDate(locale).setComponents(InternalDateGetter.getTodayComponents()).toString({
+      withPad: true,
+      withSeparator: true
+    });
+    var hasOptionalButtons = startOptional || endOptional;
+    return /*#__PURE__*/(
+      React.createElement("div", {
+        className: cx(styles.buttonWrap())
+      }, hasOptionalButtons && /*#__PURE__*/
+      React.createElement(React.Fragment, null, focusInput === 'start' && startOptional && /*#__PURE__*/
+      React.createElement(Button, {
+        width: "100%",
+        "data-tid": DateRangePickerDataTids.startOptionalButton,
+        onClick: function onClick() {
+          return setEmpty('start');
+        }
+      }, locale.startDateEmpty), focusInput === 'end' && endOptional && /*#__PURE__*/
+      React.createElement(Button, {
+        width: "100%",
+        "data-tid": DateRangePickerDataTids.endOptionalButton,
+        onClick: function onClick() {
+          return setEmpty('end');
+        }
+      }, locale.endDateEmpty)), props.enableTodayLink && /*#__PURE__*/
+      React.createElement(Button, {
+        icon: /*#__PURE__*/React.createElement(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.createElement(React.Fragment, null, /*#__PURE__*/
+      React.createElement(NativeDateInput, {
+        value: startValue,
+        minDate: minDate,
+        maxDate: maxDate,
+        onValueChange: setStartValue,
+        disabled: startDisabled,
+        ref: mobileNativeStartRef
+      }), /*#__PURE__*/
+      React.createElement(NativeDateInput, {
+        value: endValue,
+        minDate: minDate,
+        maxDate: maxDate,
+        onValueChange: setEndValue,
+        disabled: endDisabled,
+        ref: mobileNativeEndRef
+      }))
+    );
+  };
+  return /*#__PURE__*/(
+    React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return /*#__PURE__*/(
+        React.createElement(ThemeContext.Provider, {
+          value: getDateRangePickerTheme(theme)
+        }, /*#__PURE__*/
+        React.createElement(CommonWrapper, props, /*#__PURE__*/
+        React.createElement("div", {
+          className: 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.createElement(DateRangePickerContext.Provider, {
+          value: dateRangePickerContextProps
+        }, /*#__PURE__*/
+        React.createElement("div", {
+          className: cx(styles.inputWrapper(), styles.inputWrapperWidth(theme), css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n                        font-size: ", ";\n                      "])), 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 && isBetween(day, startValue, endValue));
+    var hasHoveredDay = hoveredDay !== null;
+    var isDayInHoveredPeriod = hasHoveredDay && Boolean(focusInput === 'start' && endValue && isBetween(day, hoveredDay, endValue) || focusInput === 'end' && startValue && isBetween(day, startValue, hoveredDay));
+    var hasLeftRoundings;
+    var hasRightRoundings;
+    if (hasHoveredDay) {
+      var isDayBeforeFirstInPeriod = startValue ? isLess(hoveredDay, startValue) : endValue;
+      var isDayAfterLastInPeriod = endValue ? isGreater(hoveredDay, endValue) : startValue;
+      if (isDayFirst && (isGreaterOrEqual(hoveredDay, startValue) || focusInput === 'end')) {
+        hasLeftRoundings = true;
+      }
+      if (isDayLast && (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.createElement("div", {
+        onMouseOver: function onMouseOver() {
+          return setHoveredDay(day);
+        },
+        onMouseOut: function onMouseOut() {
+          return setHoveredDay(null);
+        },
+        className: cx(styles.rangeCalendarDay(), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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[styles.rangeCalendarDayEnd(t)] = isDayFirst || isDayLast, _cx4[styles.rangeCalendarDayHoverInPeriod(t)] = isDayInPeriod, _cx4[styles.rangeCalendarDayInHoveredPeriod(t)] = isDayInHoveredPeriod, _cx4))
+      }, renderDayFn ? renderDayFn(props) : /*#__PURE__*/React.createElement(CalendarDay, props))
+    );
+  }
+}));

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useImperativeHandle","useRef","useState","useLayoutEffect","MobilePopup","useLocaleForControl","css","cx","ThemeContext","CommonWrapper","Calendar","CalendarDay","Popup","DateInput","isBetween","isGreater","isGreaterOrEqual","isLess","isLessOrEqual","ZIndex","getRootNode","getMenuPositions","Button","useResponsiveLayout","InternalDate","InternalDateGetter","ArrowAUpIcon16Light","NativeDateInput","forwardRefAndName","LocaleContext","isIOS","getFontSize","styles","DateRangePickerSeparator","DateRangePickerContext","DateRangePickerEnd","DateRangePickerStart","getDateRangePickerTheme","getMobileDateRangePickerTheme","DateRangePickerLocaleHelper","validateDateRangePicker","getStateForValue","DateRangePickerDataTids","root","start","end","popup","calendar","todayButton","startOptionalButton","endOptionalButton","mobileStart","mobileEnd","DateRangePicker","Object","assign","Start","End","Separator","validate","props","ref","_useResponsiveLayout","isMobile","locale","_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","calendarRef","startRef","endRef","mobileStartRef","mobileEndRef","mobileNativeStartRef","mobileNativeEndRef","isCalendarOpen","updateDateRangeValues","value","currentValues","currentStart","currentEnd","updatedState","isOpen","focus","close","open","inputType","setEmpty","type","_calendarRef$current","scrollToMonth","current","setTimeout","_currentFieldRef$curr4","isStart","currentFieldRef","useMobileNativeDatePicker","_currentFieldRef$curr","_currentFieldRef$curr2","click","_currentFieldRef$curr3","dateRangePickerContextProps","size","renderCalendar","theme","widthAuto","_cx","createElement","Provider","months","dayCellChooseDateAriaLabel","selectMonthAriaLabel","selectYearAriaLabel","selectChosenAriaLabel","renderDay","dayProps","renderCalendarRange","onValueChange","onMonthChange","className","calendarWidthAuto","renderMobileCalendar","_cx2","_cx3","opened","headerChildComponent","inputWrapper","inputWrapperWidthFull","withIcon","width","inputVisuallyFocus","disabled","onFocus","onCloseRequest","footerChildComponent","renderButtons","renderDesktopCalendar","hasShadow","priority","priorities","PopupMenu","positions","menuPos","menuAlign","anchorElement","margin","parseInt","datePickerMenuOffsetY","calendarWrapper","onMouseDown","e","preventDefault","today","setComponents","getTodayComponents","toString","withPad","withSeparator","hasOptionalButtons","buttonWrap","Fragment","onClick","startDateEmpty","endDateEmpty","enableTodayLink","icon","todayAriaLabel","renderMobileNativeDateInput","Consumer","role","inputWrapperWidth","_templateObject","_taggedTemplateLiteralLoose","children","t","renderDayFn","_cx4","day","date","isDayFirst","isDayLast","isDayInPeriod","Boolean","hasHoveredDay","isDayInHoveredPeriod","hasLeftRoundings","hasRightRoundings","isDayBeforeFirstInPeriod","isDayAfterLastInPeriod","isDayHovered","onMouseOver","onMouseOut","rangeCalendarDay","_templateObject2","rangeCalendarCellBg","calendarCellBorderRadius","rangeCalendarDayEnd","rangeCalendarDayHoverInPeriod","rangeCalendarDayInHoveredPeriod"],"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":"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","ignoreList":[]}

package/components/DateRangePicker/DateRangePicker/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/DateRangePicker/DateRangePicker.js",
+  "module": "DateRangePicker",
+  "types": "../DateRangePicker.d.ts",
+  "sideEffects": false
+}

package/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,82 @@
+import React, { type AriaAttributes } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { DateInput } from '../DateInput';
+import { DatePickerProps } from '../DatePicker';
+import { validateDateRangePicker } from './helpers/validateDateRangePicker';
+export declare const DateRangePickerDataTids: {
+    readonly root: "DateRangePicker__root";
+    readonly start: "DateRangePicker__start";
+    readonly end: "DateRangePicker__end";
+    readonly popup: "DateRangePicker__popup";
+    readonly calendar: "DateRangePicker__calendar";
+    readonly todayButton: "DateRangePicker__todayButton";
+    readonly startOptionalButton: "DateRangePicker__startOptionalButton";
+    readonly endOptionalButton: "DateRangePicker__endOptionalButton";
+    readonly mobileStart: "DateRangePicker__mobileStart";
+    readonly mobileEnd: "DateRangePicker__mobileEnd";
+};
+export interface DateRangePickerProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<DatePickerProps, 'size' | 'renderDay' | 'menuPos' | 'menuAlign' | 'useMobileNativeDatePicker' | 'enableTodayLink' | 'onMonthChange'> {
+    /**
+     * Элементы DateRangePicker:
+     * `<DateRangePicker.Start />`
+     * `<DateRangePicker.Separator />`
+     * `<DateRangePicker.End />`
+     */
+    children: React.ReactNode;
+}
+export declare const DateRangePicker: {
+    Start: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
+        style?: React.CSSProperties | undefined;
+        children?: React.ReactNode;
+        className?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        disabled?: boolean | undefined;
+        size?: import("../..").SizeProp | undefined;
+        value?: string | null | undefined;
+        width?: string | number | undefined;
+        autoFocus?: boolean | undefined;
+        id?: string | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        'data-tid'?: string | undefined;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    End: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<DateInput, {
+        style?: React.CSSProperties | undefined;
+        children?: React.ReactNode;
+        className?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        disabled?: boolean | undefined;
+        size?: import("../..").SizeProp | undefined;
+        value?: string | null | undefined;
+        width?: string | number | undefined;
+        autoFocus?: boolean | undefined;
+        id?: string | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        onFocus?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onBlur?: ((x0: React.FocusEvent<HTMLElement, Element>) => void) | undefined;
+        onKeyDown?: ((x0: React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onClick?: ((x0: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
+        'data-tid'?: string | undefined;
+        error?: boolean | undefined;
+        warning?: boolean | undefined;
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+        withIcon?: boolean | undefined;
+        optional?: boolean | undefined;
+    }> & Record<never, never>;
+    Separator: () => React.JSX.Element;
+    validate: typeof validateDateRangePicker;
+} & import("../../lib/forwardRefAndName").ReactUIComponentWithRef<unknown, DateRangePickerProps> & Record<never, never>;