@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/Calendar/Calendar.js

@@ -1,152 +1,153 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps", "className", "listenDayChangesForUpdate"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useCalendar } from '../../hooks/useCalendar';
-import { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';
-import { isSameDay, isSameMonth } from '../../lib/date';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { warnOnce } from '../../lib/warnOnce';
-import { CalendarDays } from '../CalendarDays/CalendarDays';
-import { CalendarHeader } from '../CalendarHeader/CalendarHeader';
-import { CalendarTime } from '../CalendarTime/CalendarTime';
-var warn = warnOnce('Calendar');
-
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { useCalendar } from "../../hooks/useCalendar";
+import { isFirstDay, isLastDay, navigateDate, setTimeEqual } from "../../lib/calendar";
+import { isSameDay, isSameMonth } from "../../lib/date";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { warnOnce } from "../../lib/warnOnce";
+import { CalendarDays } from "../CalendarDays/CalendarDays";
+import { CalendarHeader } from "../CalendarHeader/CalendarHeader";
+import { CalendarTime } from "../CalendarTime/CalendarTime";
+var warn = warnOnce("Calendar");
 /**
  * @see https://vkcom.github.io/VKUI/#/Calendar
- */
-export var Calendar = function Calendar(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disablePast = _ref.disablePast,
-    disableFuture = _ref.disableFuture,
-    shouldDisableDate = _ref.shouldDisableDate,
-    onClose = _ref.onClose,
-    _ref$enableTime = _ref.enableTime,
-    enableTime = _ref$enableTime === void 0 ? false : _ref$enableTime,
-    doneButtonText = _ref.doneButtonText,
-    _ref$weekStartsOn = _ref.weekStartsOn,
-    weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
-    getRootRef = _ref.getRootRef,
-    disablePickers = _ref.disablePickers,
-    changeHoursAriaLabel = _ref.changeHoursAriaLabel,
-    changeMinutesAriaLabel = _ref.changeMinutesAriaLabel,
-    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-    changeYearAriaLabel = _ref.changeYearAriaLabel,
-    showNeighboringMonth = _ref.showNeighboringMonth,
-    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
-    externalViewDate = _ref.viewDate,
-    onHeaderChange = _ref.onHeaderChange,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    prevMonthIcon = _ref.prevMonthIcon,
-    nextMonthIcon = _ref.nextMonthIcon,
-    prevMonthProps = _ref.prevMonthProps,
-    nextMonthProps = _ref.nextMonthProps,
-    dayProps = _ref.dayProps,
-    className = _ref.className,
-    listenDayChangesForUpdate = _ref.listenDayChangesForUpdate,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useCalendar = useCalendar({
-      value: value,
-      disableFuture: disableFuture,
-      disablePast: disablePast,
-      shouldDisableDate: shouldDisableDate,
-      onHeaderChange: onHeaderChange,
-      onNextMonth: onNextMonth,
-      onPrevMonth: onPrevMonth
-    }),
-    viewDate = _useCalendar.viewDate,
-    setViewDate = _useCalendar.setViewDate,
-    setPrevMonth = _useCalendar.setPrevMonth,
-    setNextMonth = _useCalendar.setNextMonth,
-    focusedDay = _useCalendar.focusedDay,
-    setFocusedDay = _useCalendar.setFocusedDay,
-    isDayFocused = _useCalendar.isDayFocused,
-    isDayDisabled = _useCalendar.isDayDisabled,
-    resetSelectedDay = _useCalendar.resetSelectedDay;
-  useIsomorphicLayoutEffect(function () {
-    if (value) {
-      setViewDate(value);
-    }
-  }, [value]);
-  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {
-    warn("Нельзя включить селекты выбора месяца/года, если размер календаря 's'", 'error');
-  }
-  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {
-    warn("Нельзя включить выбор времени, если размер календаря 's'", 'error');
-  }
-  var handleKeyDown = React.useCallback(function (event) {
-    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
-      event.preventDefault();
+ */ export var Calendar = function(_param) {
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_enableTime = _param.enableTime, enableTime = _param_enableTime === void 0 ? false : _param_enableTime, doneButtonText = _param.doneButtonText, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, getRootRef = _param.getRootRef, disablePickers = _param.disablePickers, changeHoursAriaLabel = _param.changeHoursAriaLabel, changeMinutesAriaLabel = _param.changeMinutesAriaLabel, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_size = _param.size, size = _param_size === void 0 ? "m" : _param_size, externalViewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, prevMonthProps = _param.prevMonthProps, nextMonthProps = _param.nextMonthProps, dayProps = _param.dayProps, className = _param.className, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _object_without_properties(_param, [
+        "value",
+        "onChange",
+        "disablePast",
+        "disableFuture",
+        "shouldDisableDate",
+        "onClose",
+        "enableTime",
+        "doneButtonText",
+        "weekStartsOn",
+        "getRootRef",
+        "disablePickers",
+        "changeHoursAriaLabel",
+        "changeMinutesAriaLabel",
+        "prevMonthAriaLabel",
+        "nextMonthAriaLabel",
+        "changeMonthAriaLabel",
+        "changeYearAriaLabel",
+        "showNeighboringMonth",
+        "changeDayAriaLabel",
+        "size",
+        "viewDate",
+        "onHeaderChange",
+        "onNextMonth",
+        "onPrevMonth",
+        "prevMonthIcon",
+        "nextMonthIcon",
+        "prevMonthProps",
+        "nextMonthProps",
+        "dayProps",
+        "className",
+        "listenDayChangesForUpdate"
+    ]);
+    var _useCalendar = useCalendar({
+        value: value,
+        disableFuture: disableFuture,
+        disablePast: disablePast,
+        shouldDisableDate: shouldDisableDate,
+        onHeaderChange: onHeaderChange,
+        onNextMonth: onNextMonth,
+        onPrevMonth: onPrevMonth
+    }), viewDate = _useCalendar.viewDate, setViewDate = _useCalendar.setViewDate, setPrevMonth = _useCalendar.setPrevMonth, setNextMonth = _useCalendar.setNextMonth, focusedDay = _useCalendar.focusedDay, setFocusedDay = _useCalendar.setFocusedDay, isDayFocused = _useCalendar.isDayFocused, isDayDisabled = _useCalendar.isDayDisabled, resetSelectedDay = _useCalendar.resetSelectedDay;
+    useIsomorphicLayoutEffect(function() {
+        if (value) {
+            setViewDate(value);
+        }
+    }, [
+        value
+    ]);
+    if (process.env.NODE_ENV === "development" && !disablePickers && size === "s") {
+        warn("Нельзя включить селекты выбора месяца/года, если размер календаря 's'", "error");
     }
-    var newFocusedDay = navigateDate(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value, event.key);
-    if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {
-      setViewDate(newFocusedDay);
+    if (process.env.NODE_ENV === "development" && enableTime && size === "s") {
+        warn("Нельзя включить выбор времени, если размер календаря 's'", "error");
     }
-    setFocusedDay(newFocusedDay);
-  }, [focusedDay, setFocusedDay, setViewDate, value, viewDate]);
-  var onDayChange = React.useCallback(function (date) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(setTimeEqual(date, value));
-  }, [value, onChange]);
-  var isDayActive = React.useCallback(function (day) {
-    return Boolean(value && isSameDay(day, value));
-  }, [value]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    ref: getRootRef,
-    className: classNames("vkuiCalendar", styles["Calendar--size-".concat(size)], className)
-  }), /*#__PURE__*/React.createElement(CalendarHeader, {
-    viewDate: externalViewDate || viewDate,
-    onChange: setViewDate,
-    onNextMonth: setNextMonth,
-    onPrevMonth: setPrevMonth,
-    disablePickers: disablePickers || size === 's',
-    className: "vkuiCalendar__header",
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    prevMonthIcon: prevMonthIcon,
-    nextMonthIcon: nextMonthIcon,
-    prevMonthProps: prevMonthProps,
-    nextMonthProps: nextMonthProps
-  }), /*#__PURE__*/React.createElement(CalendarDays, {
-    viewDate: externalViewDate || viewDate,
-    value: value,
-    weekStartsOn: weekStartsOn,
-    isDayFocused: isDayFocused,
-    tabIndex: 0,
-    "aria-label": changeDayAriaLabel,
-    onKeyDown: handleKeyDown,
-    onDayChange: onDayChange,
-    isDayActive: isDayActive,
-    isDaySelectionStart: isFirstDay,
-    isDaySelectionEnd: isLastDay,
-    isDayDisabled: isDayDisabled,
-    onBlur: resetSelectedDay,
-    showNeighboringMonth: showNeighboringMonth,
-    size: size,
-    dayProps: dayProps,
-    listenDayChangesForUpdate: listenDayChangesForUpdate
-  }), enableTime && value && size !== 's' && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendar__time"
-  }, /*#__PURE__*/React.createElement(CalendarTime, {
-    value: value,
-    onChange: onChange,
-    onClose: onClose,
-    doneButtonText: doneButtonText,
-    changeHoursAriaLabel: changeHoursAriaLabel,
-    changeMinutesAriaLabel: changeMinutesAriaLabel
-  })));
-};
-var styles = {
-  "Calendar--size-s": "vkuiCalendar--size-s",
-  "Calendar--size-m": "vkuiCalendar--size-m"
+    var handleKeyDown = React.useCallback(function(event) {
+        if ([
+            "ArrowUp",
+            "ArrowDown",
+            "ArrowLeft",
+            "ArrowRight"
+        ].includes(event.key)) {
+            event.preventDefault();
+        }
+        var newFocusedDay = navigateDate(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value, event.key);
+        if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {
+            setViewDate(newFocusedDay);
+        }
+        setFocusedDay(newFocusedDay);
+    }, [
+        focusedDay,
+        setFocusedDay,
+        setViewDate,
+        value,
+        viewDate
+    ]);
+    var onDayChange = React.useCallback(function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(setTimeEqual(date, value));
+    }, [
+        value,
+        onChange
+    ]);
+    var isDayActive = React.useCallback(function(day) {
+        return Boolean(value && isSameDay(day, value));
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props), {
+        ref: getRootRef,
+        className: classNames("vkuiCalendar", size === "s" && "vkuiCalendar--size-s", className)
+    }), /*#__PURE__*/ React.createElement(CalendarHeader, {
+        viewDate: externalViewDate || viewDate,
+        onChange: setViewDate,
+        onNextMonth: setNextMonth,
+        onPrevMonth: setPrevMonth,
+        disablePickers: disablePickers || size === "s",
+        className: "vkuiCalendar__header",
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        prevMonthIcon: prevMonthIcon,
+        nextMonthIcon: nextMonthIcon,
+        prevMonthProps: prevMonthProps,
+        nextMonthProps: nextMonthProps
+    }), /*#__PURE__*/ React.createElement(CalendarDays, {
+        viewDate: externalViewDate || viewDate,
+        value: value,
+        weekStartsOn: weekStartsOn,
+        isDayFocused: isDayFocused,
+        tabIndex: 0,
+        "aria-label": changeDayAriaLabel,
+        onKeyDown: handleKeyDown,
+        onDayChange: onDayChange,
+        isDayActive: isDayActive,
+        isDaySelectionStart: isFirstDay,
+        isDaySelectionEnd: isLastDay,
+        isDayDisabled: isDayDisabled,
+        onBlur: resetSelectedDay,
+        showNeighboringMonth: showNeighboringMonth,
+        size: size,
+        dayProps: dayProps,
+        listenDayChangesForUpdate: listenDayChangesForUpdate
+    }), enableTime && value && size !== "s" && /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiCalendar__time"
+    }, /*#__PURE__*/ React.createElement(CalendarTime, {
+        value: value,
+        onChange: onChange,
+        onClose: onClose,
+        doneButtonText: doneButtonText,
+        changeHoursAriaLabel: changeHoursAriaLabel,
+        changeMinutesAriaLabel: changeMinutesAriaLabel
+    })));
 };
+
 //# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["React","classNames","useCalendar","isFirstDay","isLastDay","navigateDate","setTimeEqual","isSameDay","isSameMonth","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","styles"],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = 'Изменить день',\n  size = 'm',\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange],\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value],\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles['Calendar__header']}\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n      />\n      {enableTime && value && size !== 's' && (\n        <div className={styles['Calendar__time']}>\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,EAAEC,SAAS,EAAEC,YAAY,EAAEC,YAAY,QAAQ,oBAAoB;AACtF,SAASC,SAAS,EAAEC,WAAW,QAAQ,gBAAgB;AACvD,SAASC,yBAAyB,QAAQ,qCAAqC;AAC/E,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,YAAY,QAA2B,8BAA8B;AAC9E,SAASC,cAAc,QAA6B,kCAAkC;AACtF,SAASC,YAAY,QAA2B,8BAA8B;AA6C9E,IAAMC,IAAI,GAAGJ,QAAQ,CAAC,UAAU,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,OAiCA;EAAA,IAhCnBC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,OAAO,QAAPA,OAAO;IAAA,uBACPC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAClBC,cAAc,QAAdA,cAAc;IAAA,yBACdC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAChBC,UAAU,QAAVA,UAAU;IACVC,cAAc,QAAdA,cAAc;IACdC,oBAAoB,QAApBA,oBAAoB;IACpBC,sBAAsB,QAAtBA,sBAAsB;IACtBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,oBAAoB,QAApBA,oBAAoB;IACpBC,mBAAmB,QAAnBA,mBAAmB;IACnBC,oBAAoB,QAApBA,oBAAoB;IAAA,6BACpBC,kBAAkB;IAAlBA,kBAAkB,sCAAG,eAAe;IAAA,iBACpCC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IACAC,gBAAgB,QAA1BC,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,aAAa,QAAbA,aAAa;IACbC,cAAc,QAAdA,cAAc;IACdC,cAAc,QAAdA,cAAc;IACdC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,yBAAyB,QAAzBA,yBAAyB;IACtBC,KAAK;EAER,mBAUI9C,WAAW,CAAC;MACdc,KAAK,EAALA,KAAK;MACLG,aAAa,EAAbA,aAAa;MACbD,WAAW,EAAXA,WAAW;MACXE,iBAAiB,EAAjBA,iBAAiB;MACjBkB,cAAc,EAAdA,cAAc;MACdC,WAAW,EAAXA,WAAW;MACXC,WAAW,EAAXA;IACF,CAAC,CAAC;IAjBAH,QAAQ,gBAARA,QAAQ;IACRY,WAAW,gBAAXA,WAAW;IACXC,YAAY,gBAAZA,YAAY;IACZC,YAAY,gBAAZA,YAAY;IACZC,UAAU,gBAAVA,UAAU;IACVC,aAAa,gBAAbA,aAAa;IACbC,YAAY,gBAAZA,YAAY;IACZC,aAAa,gBAAbA,aAAa;IACbC,gBAAgB,gBAAhBA,gBAAgB;EAWlB/C,yBAAyB,CAAC,YAAM;IAC9B,IAAIO,KAAK,EAAE;MACTiC,WAAW,CAACjC,KAAK,CAAC;IACpB;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAIyC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAI,CAACjC,cAAc,IAAIS,IAAI,KAAK,GAAG,EAAE;IAC7ErB,IAAI,CAAC,uEAAuE,EAAE,OAAO,CAAC;EACxF;EAEA,IAAI2C,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAIrC,UAAU,IAAIa,IAAI,KAAK,GAAG,EAAE;IACxErB,IAAI,CAAC,0DAA0D,EAAE,OAAO,CAAC;EAC3E;EAEA,IAAM8C,aAAa,GAAG5D,KAAK,CAAC6D,WAAW,CACrC,UAACC,KAA0B,EAAK;IAC9B,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC3EF,KAAK,CAACG,cAAc,EAAE;IACxB;IAEA,IAAMC,aAAa,GAAG7D,YAAY,CAAC+C,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAIpC,KAAK,EAAE8C,KAAK,CAACE,GAAG,CAAC;IAElE,IAAIE,aAAa,IAAI,CAAC1D,WAAW,CAAC0D,aAAa,EAAE7B,QAAQ,CAAC,EAAE;MAC1DY,WAAW,CAACiB,aAAa,CAAC;IAC5B;IACAb,aAAa,CAACa,aAAa,CAAC;EAC9B,CAAC,EACD,CAACd,UAAU,EAAEC,aAAa,EAAEJ,WAAW,EAAEjC,KAAK,EAAEqB,QAAQ,CAAC,CAC1D;EAED,IAAM8B,WAAW,GAAGnE,KAAK,CAAC6D,WAAW,CACnC,UAACO,IAAU,EAAK;IACdnD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGX,YAAY,CAAC8D,IAAI,EAAEpD,KAAK,CAA4B,CAAC;EAClE,CAAC,EACD,CAACA,KAAK,EAAEC,QAAQ,CAAC,CAClB;EAED,IAAMoD,WAAW,GAAGrE,KAAK,CAAC6D,WAAW,CACnC,UAACS,GAAS;IAAA,OAAKC,OAAO,CAACvD,KAAK,IAAIT,SAAS,CAAC+D,GAAG,EAAEtD,KAAK,CAAC,CAAC;EAAA,GACtD,CAACA,KAAK,CAAC,CACR;EAED,oBACE,wCACMgC,KAAK;IACT,GAAG,EAAEvB,UAAW;IAChB,SAAS,EAAExB,UAAU,iBAAqBuE,MAAM,0BAAmBrC,IAAI,EAAG,EAAEW,SAAS;EAAE,iBAEvF,oBAAC,cAAc;IACb,QAAQ,EAAEV,gBAAgB,IAAIC,QAAS;IACvC,QAAQ,EAAEY,WAAY;IACtB,WAAW,EAAEE,YAAa;IAC1B,WAAW,EAAED,YAAa;IAC1B,cAAc,EAAExB,cAAc,IAAIS,IAAI,KAAK,GAAI;IAC/C,SAAS,wBAA6B;IACtC,kBAAkB,EAAEN,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAES,aAAc;IAC7B,aAAa,EAAEC,aAAc;IAC7B,cAAc,EAAEC,cAAe;IAC/B,cAAc,EAAEC;EAAe,EAC/B,eACF,oBAAC,YAAY;IACX,QAAQ,EAAER,gBAAgB,IAAIC,QAAS;IACvC,KAAK,EAAErB,KAAM;IACb,YAAY,EAAEQ,YAAa;IAC3B,YAAY,EAAE8B,YAAa;IAC3B,QAAQ,EAAE,CAAE;IACZ,cAAYpB,kBAAmB;IAC/B,SAAS,EAAE0B,aAAc;IACzB,WAAW,EAAEO,WAAY;IACzB,WAAW,EAAEE,WAAY;IACzB,mBAAmB,EAAElE,UAAW;IAChC,iBAAiB,EAAEC,SAAU;IAC7B,aAAa,EAAEmD,aAAc;IAC7B,MAAM,EAAEC,gBAAiB;IACzB,oBAAoB,EAAEvB,oBAAqB;IAC3C,IAAI,EAAEE,IAAK;IACX,QAAQ,EAAEU,QAAS;IACnB,yBAAyB,EAAEE;EAA0B,EACrD,EACDzB,UAAU,IAAIN,KAAK,IAAImB,IAAI,KAAK,GAAG,iBAClC;IAAK,SAAS;EAA2B,gBACvC,oBAAC,YAAY;IACX,KAAK,EAAEnB,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,OAAO,EAAEI,OAAQ;IACjB,cAAc,EAAEE,cAAe;IAC/B,oBAAoB,EAAEI,oBAAqB;IAC3C,sBAAsB,EAAEC;EAAuB,EAC/C,CAEL,CACG;AAEV,CAAC;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>,\n    Pick<\n      CalendarHeaderProps,\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n      | 'prevMonthProps'\n      | 'nextMonthProps'\n    >,\n    Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = 'Изменить день',\n  size = 'm',\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  className,\n  listenDayChangesForUpdate,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n    warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n  }\n\n  if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange],\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value],\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNames(\n        styles['Calendar'],\n        size === 's' && styles['Calendar--size-s'],\n        className,\n      )}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === 's'}\n        className={styles['Calendar__header']}\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n        listenDayChangesForUpdate={listenDayChangesForUpdate}\n      />\n      {enableTime && value && size !== 's' && (\n        <div className={styles['Calendar__time']}>\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["React","classNames","useCalendar","isFirstDay","isLastDay","navigateDate","setTimeEqual","isSameDay","isSameMonth","useIsomorphicLayoutEffect","warnOnce","CalendarDays","CalendarHeader","CalendarTime","warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","viewDate","externalViewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","div","ref","tabIndex","aria-label","onKeyDown","isDaySelectionStart","isDaySelectionEnd","onBlur"],"mappings":"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"}

package/dist/components/CalendarDay/CalendarDay.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TappableElementProps } from '../Tappable/Tappable';
-export declare type CalendarDayElementProps = Omit<TappableElementProps, 'onChange' | 'size' | 'disabled' | 'selected'>;
+export type CalendarDayElementProps = Omit<TappableElementProps, 'onChange' | 'size' | 'disabled' | 'selected'>;
 export interface CalendarDayProps extends CalendarDayElementProps {
     day: Date;
     today?: boolean;

package/dist/components/CalendarDay/CalendarDay.js

@@ -1,84 +1,91 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';
-import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
-import { Tappable } from '../Tappable/Tappable';
-export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
-  var day = _ref.day,
-    today = _ref.today,
-    selected = _ref.selected,
-    onChange = _ref.onChange,
-    hidden = _ref.hidden,
-    disabled = _ref.disabled,
-    active = _ref.active,
-    selectionStart = _ref.selectionStart,
-    selectionEnd = _ref.selectionEnd,
-    focused = _ref.focused,
-    onEnter = _ref.onEnter,
-    onLeave = _ref.onLeave,
-    hinted = _ref.hinted,
-    hintedSelectionStart = _ref.hintedSelectionStart,
-    hintedSelectionEnd = _ref.hintedSelectionEnd,
-    sameMonth = _ref.sameMonth,
-    size = _ref.size,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useConfigProvider = useConfigProvider(),
-    locale = _useConfigProvider.locale;
-  var ref = React.useRef(null);
-  var onClick = React.useCallback(function () {
-    return onChange(day);
-  }, [day, onChange]);
-  var handleEnter = React.useCallback(function () {
-    return onEnter === null || onEnter === void 0 ? void 0 : onEnter(day);
-  }, [day, onEnter]);
-  var handleLeave = React.useCallback(function () {
-    return onLeave === null || onLeave === void 0 ? void 0 : onLeave(day);
-  }, [day, onLeave]);
-  React.useEffect(function () {
-    if (focused && ref.current) {
-      ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, {
-        bubbles: true
-      }));
-      ref.current.focus();
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { classNames } from "@vkontakte/vkjs";
+import { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from "../../hooks/useKeyboardInputTracker";
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import { Tappable } from "../Tappable/Tappable";
+export var CalendarDay = /*#__PURE__*/ React.memo(function(_param) {
+    var day = _param.day, today = _param.today, selected = _param.selected, onChange = _param.onChange, hidden = _param.hidden, disabled = _param.disabled, active = _param.active, selectionStart = _param.selectionStart, selectionEnd = _param.selectionEnd, focused = _param.focused, onEnter = _param.onEnter, onLeave = _param.onLeave, hinted = _param.hinted, hintedSelectionStart = _param.hintedSelectionStart, hintedSelectionEnd = _param.hintedSelectionEnd, sameMonth = _param.sameMonth, size = _param.size, className = _param.className, props = _object_without_properties(_param, [
+        "day",
+        "today",
+        "selected",
+        "onChange",
+        "hidden",
+        "disabled",
+        "active",
+        "selectionStart",
+        "selectionEnd",
+        "focused",
+        "onEnter",
+        "onLeave",
+        "hinted",
+        "hintedSelectionStart",
+        "hintedSelectionEnd",
+        "sameMonth",
+        "size",
+        "className"
+    ]);
+    var locale = useConfigProvider().locale;
+    var ref = React.useRef(null);
+    var onClick = React.useCallback(function() {
+        return onChange(day);
+    }, [
+        day,
+        onChange
+    ]);
+    var handleEnter = React.useCallback(function() {
+        return onEnter === null || onEnter === void 0 ? void 0 : onEnter(day);
+    }, [
+        day,
+        onEnter
+    ]);
+    var handleLeave = React.useCallback(function() {
+        return onLeave === null || onLeave === void 0 ? void 0 : onLeave(day);
+    }, [
+        day,
+        onLeave
+    ]);
+    React.useEffect(function() {
+        if (focused && ref.current) {
+            ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, {
+                bubbles: true
+            }));
+            ref.current.focus();
+        }
+    }, [
+        focused
+    ]);
+    if (hidden) {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "vkuiCalendarDay__hidden"
+        });
     }
-  }, [focused]);
-  if (hidden) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "vkuiCalendarDay__hidden"
-    });
-  }
-  return /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNames("vkuiCalendarDay", size && styles["CalendarDay--size-".concat(size)], today && "vkuiCalendarDay--today", selected && !disabled && "vkuiCalendarDay--selected", active && !disabled && "vkuiCalendarDay--active", selectionStart && "vkuiCalendarDay--selection-start", selectionEnd && "vkuiCalendarDay--selection-end", disabled && "vkuiCalendarDay--disabled", !sameMonth && "vkuiCalendarDay--not-same-month", className),
-    hoverMode: active ? "vkuiCalendarDay--active-hover" : "vkuiCalendarDay--hover",
-    hasActive: false,
-    onClick: onClick,
-    disabled: disabled,
-    "aria-label": new Intl.DateTimeFormat(locale, {
-      weekday: 'long',
-      year: 'numeric',
-      month: 'long',
-      day: 'numeric'
-    }).format(day),
-    tabIndex: -1,
-    getRootRef: ref,
-    focusVisibleMode: active ? 'outside' : 'inside',
-    onEnter: handleEnter,
-    onLeave: handleLeave
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarDay__day-number"
-  }, day.getDate()))));
+    return /*#__PURE__*/ React.createElement(Tappable, _object_spread({
+        className: classNames("vkuiCalendarDay", size === "s" && "vkuiCalendarDay--size-s", today && "vkuiCalendarDay--today", selected && !disabled && "vkuiCalendarDay--selected", selectionStart && "vkuiCalendarDay--selection-start", selectionEnd && "vkuiCalendarDay--selection-end", disabled && "vkuiCalendarDay--disabled", !sameMonth && "vkuiCalendarDay--not-same-month", className),
+        hoverMode: active ? "" : "vkuiCalendarDay--hover",
+        hasActive: false,
+        onClick: onClick,
+        disabled: disabled,
+        "aria-label": new Intl.DateTimeFormat(locale, {
+            weekday: "long",
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+        }).format(day),
+        tabIndex: -1,
+        getRootRef: ref,
+        focusVisibleMode: active ? "outside" : "inside",
+        onEnter: handleEnter,
+        onLeave: handleLeave
+    }, props), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiCalendarDay__hinted", hinted && "vkuiCalendarDay__hinted--active", hintedSelectionStart && "vkuiCalendarDay__hinted--selection-start", hintedSelectionEnd && "vkuiCalendarDay__hinted--selection-end")
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiCalendarDay__inner", active && !disabled && "vkuiCalendarDay__inner--active")
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiCalendarDay__day-number"
+    }, day.getDate()))));
 });
-CalendarDay.displayName = 'CalendarDay';
-var styles = {
-  "CalendarDay--size-s": "vkuiCalendarDay--size-s",
-  "CalendarDay--size-m": "vkuiCalendarDay--size-m"
-};
+CalendarDay.displayName = "CalendarDay";
+
 //# sourceMappingURL=CalendarDay.js.map

package/dist/components/CalendarDay/CalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDay.js","names":["React","classNames","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useConfigProvider","Tappable","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n  TappableElementProps,\n  'onChange' | 'size' | 'disabled' | 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: 's' | 'm';\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    className,\n    ...props\n  }: CalendarDayProps) => {\n    const { locale } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div className={styles['CalendarDay__hidden']}></div>;\n    }\n\n    return (\n      <Tappable\n        className={classNames(\n          styles['CalendarDay'],\n          size && styles[`CalendarDay--size-${size}`],\n          today && styles['CalendarDay--today'],\n          selected && !disabled && styles['CalendarDay--selected'],\n          active && !disabled && styles['CalendarDay--active'],\n          selectionStart && styles['CalendarDay--selection-start'],\n          selectionEnd && styles['CalendarDay--selection-end'],\n          disabled && styles['CalendarDay--disabled'],\n          !sameMonth && styles['CalendarDay--not-same-month'],\n          className,\n        )}\n        hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? 'outside' : 'inside'}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n        {...props}\n      >\n        <div\n          className={classNames(\n            styles['CalendarDay__hinted'],\n            hinted && styles['CalendarDay__hinted--active'],\n            hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n            hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n          )}\n        >\n          <div\n            className={classNames(\n              styles['CalendarDay__inner'],\n              active && !disabled && styles['CalendarDay__inner--active'],\n            )}\n          >\n            <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,gCAAgC,QAAQ,qCAAqC;AACtF,SAASC,iBAAiB,QAAQ,yCAAyC;AAC3E,SAASC,QAAQ,QAA8B,sBAAsB;AA4BrE,OAAO,IAAMC,WAAW,gBAAGL,KAAK,CAACM,IAAI,CACnC,gBAoBwB;EAAA,IAnBtBC,GAAG,QAAHA,GAAG;IACHC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IACNC,oBAAoB,QAApBA,oBAAoB;IACpBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,yBAAmBtB,iBAAiB,EAAE;IAA9BuB,MAAM,sBAANA,MAAM;EACd,IAAMC,GAAG,GAAG3B,KAAK,CAAC4B,MAAM,CAAc,IAAI,CAAC;EAC3C,IAAMC,OAAO,GAAG7B,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMpB,QAAQ,CAACH,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEG,QAAQ,CAAC,CAAC;EACvE,IAAMqB,WAAW,GAAG/B,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGV,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEU,OAAO,CAAC,CAAC;EAC3E,IAAMe,WAAW,GAAGhC,KAAK,CAAC8B,WAAW,CAAC;IAAA,OAAMZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGX,GAAG,CAAC;EAAA,GAAE,CAACA,GAAG,EAAEW,OAAO,CAAC,CAAC;EAE3ElB,KAAK,CAACiC,SAAS,CAAC,YAAM;IACpB,IAAIjB,OAAO,IAAIW,GAAG,CAACO,OAAO,EAAE;MAC1BP,GAAG,CAACO,OAAO,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAClC,gCAAgC,EAAE;QAAEmC,OAAO,EAAE;MAAK,CAAC,CAAC,CAAC;MACzFV,GAAG,CAACO,OAAO,CAACI,KAAK,EAAE;IACrB;EACF,CAAC,EAAE,CAACtB,OAAO,CAAC,CAAC;EAEb,IAAIL,MAAM,EAAE;IACV,oBAAO;MAAK,SAAS;IAAgC,EAAO;EAC9D;EAEA,oBACE,oBAAC,QAAQ;IACP,SAAS,EAAEV,UAAU,oBAEnBsB,IAAI,IAAIgB,MAAM,6BAAsBhB,IAAI,EAAG,EAC3Cf,KAAK,4BAAgC,EACrCC,QAAQ,IAAI,CAACG,QAAQ,+BAAmC,EACxDC,MAAM,IAAI,CAACD,QAAQ,6BAAiC,EACpDE,cAAc,sCAA0C,EACxDC,YAAY,oCAAwC,EACpDH,QAAQ,+BAAmC,EAC3C,CAACU,SAAS,qCAAyC,EACnDE,SAAS,CACT;IACF,SAAS,EAAEX,MAAM,6DAAsE;IACvF,SAAS,EAAE,KAAM;IACjB,OAAO,EAAEgB,OAAQ;IACjB,QAAQ,EAAEjB,QAAS;IACnB,cAAY,IAAI4B,IAAI,CAACC,cAAc,CAACf,MAAM,EAAE;MAC1CgB,OAAO,EAAE,MAAM;MACfC,IAAI,EAAE,SAAS;MACfC,KAAK,EAAE,MAAM;MACbrC,GAAG,EAAE;IACP,CAAC,CAAC,CAACsC,MAAM,CAACtC,GAAG,CAAE;IACf,QAAQ,EAAE,CAAC,CAAE;IACb,UAAU,EAAEoB,GAAI;IAChB,gBAAgB,EAAEd,MAAM,GAAG,SAAS,GAAG,QAAS;IAChD,OAAO,EAAEkB,WAAY;IACrB,OAAO,EAAEC;EAAY,GACjBP,KAAK,gBAET;IACE,SAAS,EAAExB,UAAU,4BAEnBkB,MAAM,qCAAyC,EAC/CC,oBAAoB,8CAAkD,EACtEC,kBAAkB,4CAAgD;EAClE,gBAEF;IACE,SAAS,EAAEpB,UAAU,2BAEnBY,MAAM,IAAI,CAACD,QAAQ,oCAAwC;EAC3D,gBAEF;IAAK,SAAS;EAAoC,GAAEL,GAAG,CAACuC,OAAO,EAAE,CAAO,CACpE,CACF,CACG;AAEf,CAAC,CACF;AAEDzC,WAAW,CAAC0C,WAAW,GAAG,aAAa;AAAC;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n  TappableElementProps,\n  'onChange' | 'size' | 'disabled' | 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: 's' | 'm';\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    className,\n    ...props\n  }: CalendarDayProps) => {\n    const { locale } = useConfigProvider();\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div className={styles['CalendarDay__hidden']}></div>;\n    }\n\n    return (\n      <Tappable\n        className={classNames(\n          styles['CalendarDay'],\n          size === 's' && styles['CalendarDay--size-s'],\n          today && styles['CalendarDay--today'],\n          selected && !disabled && styles['CalendarDay--selected'],\n          selectionStart && styles['CalendarDay--selection-start'],\n          selectionEnd && styles['CalendarDay--selection-end'],\n          disabled && styles['CalendarDay--disabled'],\n          !sameMonth && styles['CalendarDay--not-same-month'],\n          className,\n        )}\n        hoverMode={active ? '' : styles['CalendarDay--hover']}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: 'long',\n          year: 'numeric',\n          month: 'long',\n          day: 'numeric',\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? 'outside' : 'inside'}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n        {...props}\n      >\n        <div\n          className={classNames(\n            styles['CalendarDay__hinted'],\n            hinted && styles['CalendarDay__hinted--active'],\n            hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n            hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n          )}\n        >\n          <div\n            className={classNames(\n              styles['CalendarDay__inner'],\n              active && !disabled && styles['CalendarDay__inner--active'],\n            )}\n          >\n            <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"names":["React","classNames","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useConfigProvider","Tappable","CalendarDay","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","bubbles","focus","div","hoverMode","hasActive","aria-label","Intl","DateTimeFormat","weekday","year","month","format","tabIndex","getRootRef","focusVisibleMode","getDate","displayName"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,gCAAgC,QAAQ,sCAAsC;AACvF,SAASC,iBAAiB,QAAQ,0CAA0C;AAC5E,SAASC,QAAQ,QAA8B,uBAAuB;AA4BtE,OAAO,IAAMC,4BAAcL,MAAMM,IAAI,CACnC,iBAoBwB;QAnBtBC,aAAAA,KACAC,eAAAA,OACAC,kBAAAA,UACAC,kBAAAA,UACAC,gBAAAA,QACAC,kBAAAA,UACAC,gBAAAA,QACAC,wBAAAA,gBACAC,sBAAAA,cACAC,iBAAAA,SACAC,iBAAAA,SACAC,iBAAAA,SACAC,gBAAAA,QACAC,8BAAAA,sBACAC,4BAAAA,oBACAC,mBAAAA,WACAC,cAAAA,MACAC,mBAAAA,WACGC;QAlBHlB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,SAAWvB,oBAAXuB;IACR,IAAMC,MAAM3B,MAAM4B,MAAM,CAAc,IAAI;IAC1C,IAAMC,UAAU7B,MAAM8B,WAAW,CAAC;eAAMpB,SAASH;OAAM;QAACA;QAAKG;KAAS;IACtE,IAAMqB,cAAc/B,MAAM8B,WAAW,CAAC;QAAMb,OAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAAUV;OAAM;QAACA;QAAKU;KAAQ;IAC1E,IAAMe,cAAchC,MAAM8B,WAAW,CAAC;QAAMZ,OAAAA,oBAAAA,qBAAAA,KAAAA,IAAAA,QAAUX;OAAM;QAACA;QAAKW;KAAQ;IAE1ElB,MAAMiC,SAAS,CAAC,WAAM;QACpB,IAAIjB,WAAWW,IAAIO,OAAO,EAAE;YAC1BP,IAAIO,OAAO,CAACC,aAAa,CAAC,IAAIC,MAAMlC,kCAAkC;gBAAEmC,SAAS,IAAI;YAAC;YACtFV,IAAIO,OAAO,CAACI,KAAK;QACnB,CAAC;IACH,GAAG;QAACtB;KAAQ;IAEZ,IAAIL,QAAQ;QACV,qBAAO,oBAAC4B;YAAIf,SAAS;;IACvB,CAAC;IAED,qBACE,oBAACpB;QACCoB,WAAWvB,8BAETsB,SAAS,kCACTf,mCACAC,YAAY,CAACG,yCACbE,sDACAC,kDACAH,yCACA,CAACU,gDACDE;QAEFgB,WAAW3B,SAAS,6BAAiC;QACrD4B,WAAW,KAAK;QAChBZ,SAASA;QACTjB,UAAUA;QACV8B,cAAY,IAAIC,KAAKC,cAAc,CAAClB,QAAQ;YAC1CmB,SAAS;YACTC,MAAM;YACNC,OAAO;YACPxC,KAAK;QACP,GAAGyC,MAAM,CAACzC;QACV0C,UAAU,CAAC;QACXC,YAAYvB;QACZwB,kBAAkBtC,SAAS,YAAY,QAAQ;QAC/CI,SAASc;QACTb,SAASc;OACLP,sBAEJ,oBAACc;QACCf,WAAWvB,sCAETkB,6CACAC,oEACAC;qBAGF,oBAACkB;QACCf,WAAWvB,qCAETY,UAAU,CAACD;qBAGb,oBAAC2B;QAAIf,SAAS;OAAsCjB,IAAI6C,OAAO;AAKzE,GACA;AAEF/C,YAAYgD,WAAW,GAAG"}