@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/ButtonGroup/ButtonGroup.js

@@ -1,39 +1,26 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["mode", "gap", "stretched", "align", "getRootRef", "className", "children"];
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import "./ButtonGroup.module.css";
+import styles from './ButtonGroup.module.css';
 /**
  * @see https://vkcom.github.io/VKUI/#/ButtonGroup
- */
-export var ButtonGroup = function ButtonGroup(_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'horizontal' : _ref$mode,
-    _ref$gap = _ref.gap,
-    gap = _ref$gap === void 0 ? 'm' : _ref$gap,
-    _ref$stretched = _ref.stretched,
-    stretched = _ref$stretched === void 0 ? false : _ref$stretched,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    getRootRef = _ref.getRootRef,
-    className = _ref.className,
-    children = _ref.children,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(className, "vkuiButtonGroup", styles["ButtonGroup--mode-".concat(mode)], gap !== 'none' && styles["ButtonGroup--gap-".concat(gap)], stretched && "vkuiButtonGroup--stretched", align && styles["ButtonGroup--align-".concat(align)]),
-    role: "group",
-    ref: getRootRef
-  }, restProps), children);
-};
-var styles = {
-  "ButtonGroup--mode-vertical": "vkuiButtonGroup--mode-vertical",
-  "ButtonGroup--mode-horizontal": "vkuiButtonGroup--mode-horizontal",
-  "ButtonGroup--gap-space": "vkuiButtonGroup--gap-space",
-  "ButtonGroup--gap-s": "vkuiButtonGroup--gap-s",
-  "ButtonGroup--gap-m": "vkuiButtonGroup--gap-m",
-  "ButtonGroup--align-left": "vkuiButtonGroup--align-left",
-  "ButtonGroup--align-center": "vkuiButtonGroup--align-center",
-  "ButtonGroup--align-right": "vkuiButtonGroup--align-right"
+ */ export const ButtonGroup = ({ mode ='horizontal' , gap ='m' , stretched =false , align ='left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */  , getRootRef , className , children , ...restProps })=>{
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames(className, styles.ButtonGroup, {
+            vertical: styles['ButtonGroup--mode-vertical'],
+            horizontal: styles['ButtonGroup--mode-horizontal']
+        }[mode], gap !== 'none' && ({
+            space: styles['ButtonGroup--gap-space'],
+            s: styles['ButtonGroup--gap-s'],
+            m: styles['ButtonGroup--gap-m']
+        })[gap], stretched && styles['ButtonGroup--stretched'], {
+            left: styles['ButtonGroup--align-left'],
+            center: styles['ButtonGroup--align-center'],
+            right: styles['ButtonGroup--align-right']
+        }[align]),
+        role: "group",
+        ref: getRootRef,
+        ...restProps
+    }, children);
 };
+
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/cssm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","classNames","ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","styles"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm';\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  className,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.ButtonGroup,\n        styles[`ButtonGroup--mode-${mode}`],\n        gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n        stretched && styles['ButtonGroup--stretched'],\n        align && styles[`ButtonGroup--align-${align}`],\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,iBAAiB;AAAC;AA2B7C;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAET,UAAU,CACnBO,SAAS,qBAETG,MAAM,6BAAsBR,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIO,MAAM,4BAAqBP,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIK,MAAM,8BAAuBL,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: 'none' | 'space' | 's' | 'm';\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = 'horizontal',\n  gap = 'm',\n  stretched = false,\n  align = 'left' /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  className,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      className={classNames(\n        className,\n        styles.ButtonGroup,\n        {\n          vertical: styles['ButtonGroup--mode-vertical'],\n          horizontal: styles['ButtonGroup--mode-horizontal'],\n        }[mode],\n        gap !== 'none' &&\n          {\n            space: styles['ButtonGroup--gap-space'],\n            s: styles['ButtonGroup--gap-s'],\n            m: styles['ButtonGroup--gap-m'],\n          }[gap],\n        stretched && styles['ButtonGroup--stretched'],\n        {\n          left: styles['ButtonGroup--align-left'],\n          center: styles['ButtonGroup--align-center'],\n          right: styles['ButtonGroup--align-right'],\n        }[align],\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["React","classNames","styles","ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","div","vertical","horizontal","space","s","m","left","center","right","role","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,2BAA2B;AAyB9C;;CAEC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BC,MAAO,aAAY,EACnBC,KAAM,IAAG,EACTC,WAAY,KAAK,CAAA,EACjBC,OAAQ,OAAO,4EAA4E,IAA7E,EACdC,WAAU,EACVC,UAAS,EACTC,SAAQ,EACR,GAAGC,WACc,GAAK;IACtB,qBACE,oBAACC;QACCH,WAAWR,WACTQ,WACAP,OAAOC,WAAW,EAClB;YACEU,UAAUX,MAAM,CAAC,6BAA6B;YAC9CY,YAAYZ,MAAM,CAAC,+BAA+B;QACpD,CAAC,CAACE,KAAK,EACPC,QAAQ,UACN,CAAA;YACEU,OAAOb,MAAM,CAAC,yBAAyB;YACvCc,GAAGd,MAAM,CAAC,qBAAqB;YAC/Be,GAAGf,MAAM,CAAC,qBAAqB;QACjC,CAAA,CAAC,CAACG,IAAI,EACRC,aAAaJ,MAAM,CAAC,yBAAyB,EAC7C;YACEgB,MAAMhB,MAAM,CAAC,0BAA0B;YACvCiB,QAAQjB,MAAM,CAAC,4BAA4B;YAC3CkB,OAAOlB,MAAM,CAAC,2BAA2B;QAC3C,CAAC,CAACK,MAAM;QAEVc,MAAK;QACLC,KAAKd;QACJ,GAAGG,SAAS;OAEZD;AAGP,EAAE"}

package/dist/cssm/components/Calendar/Calendar.js

@@ -1,6 +1,3 @@
-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';
@@ -11,143 +8,110 @@ import { warnOnce } from '../../lib/warnOnce';
 import { CalendarDays } from '../CalendarDays/CalendarDays';
 import { CalendarHeader } from '../CalendarHeader/CalendarHeader';
 import { CalendarTime } from '../CalendarTime/CalendarTime';
-import "./Calendar.module.css";
-var warn = warnOnce('Calendar');
-
+import styles from './Calendar.module.css';
+const 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 const Calendar = ({ value , onChange , disablePast , disableFuture , shouldDisableDate , onClose , enableTime =false , doneButtonText , weekStartsOn =1 , getRootRef , disablePickers , changeHoursAriaLabel , changeMinutesAriaLabel , prevMonthAriaLabel , nextMonthAriaLabel , changeMonthAriaLabel , changeYearAriaLabel , showNeighboringMonth , changeDayAriaLabel ='Изменить день' , size ='m' , viewDate: externalViewDate , onHeaderChange , onNextMonth , onPrevMonth , prevMonthIcon , nextMonthIcon , prevMonthProps , nextMonthProps , dayProps , className , listenDayChangesForUpdate , ...props })=>{
+    const { viewDate , setViewDate , setPrevMonth , setNextMonth , focusedDay , setFocusedDay , isDayFocused , isDayDisabled , resetSelectedDay  } = useCalendar({
+        value,
+        disableFuture,
+        disablePast,
+        shouldDisableDate,
+        onHeaderChange,
+        onNextMonth,
+        onPrevMonth
+    });
+    useIsomorphicLayoutEffect(()=>{
+        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"
+    const handleKeyDown = React.useCallback((event)=>{
+        if ([
+            'ArrowUp',
+            'ArrowDown',
+            'ArrowLeft',
+            'ArrowRight'
+        ].includes(event.key)) {
+            event.preventDefault();
+        }
+        const newFocusedDay = navigateDate(focusedDay ?? value, event.key);
+        if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {
+            setViewDate(newFocusedDay);
+        }
+        setFocusedDay(newFocusedDay);
+    }, [
+        focusedDay,
+        setFocusedDay,
+        setViewDate,
+        value,
+        viewDate
+    ]);
+    const onDayChange = React.useCallback((date)=>{
+        onChange?.(setTimeEqual(date, value));
+    }, [
+        value,
+        onChange
+    ]);
+    const isDayActive = React.useCallback((day)=>Boolean(value && isSameDay(day, value)), [
+        value
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        ...props,
+        ref: getRootRef,
+        className: classNames(styles['Calendar'], size === 's' && styles['Calendar--size-s'], className)
+    }, /*#__PURE__*/ React.createElement(CalendarHeader, {
+        viewDate: externalViewDate || viewDate,
+        onChange: setViewDate,
+        onNextMonth: setNextMonth,
+        onPrevMonth: setPrevMonth,
+        disablePickers: disablePickers || size === 's',
+        className: styles['Calendar__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: styles['Calendar__time']
+    }, /*#__PURE__*/ React.createElement(CalendarTime, {
+        value: value,
+        onChange: onChange,
+        onClose: onClose,
+        doneButtonText: doneButtonText,
+        changeHoursAriaLabel: changeHoursAriaLabel,
+        changeMinutesAriaLabel: changeMinutesAriaLabel
+    })));
 };
+
 //# sourceMappingURL=Calendar.js.map

package/dist/cssm/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":"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"}
+{"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","styles","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/cssm/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/cssm/components/CalendarDay/CalendarDay.js

@@ -1,85 +1,65 @@
-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';
-import "./CalendarDay.module.css";
-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 styles from './CalendarDay.module.css';
+export const CalendarDay = /*#__PURE__*/ React.memo(({ day , today , selected , onChange , hidden , disabled , active , selectionStart , selectionEnd , focused , onEnter , onLeave , hinted , hintedSelectionStart , hintedSelectionEnd , sameMonth , size , className , ...props })=>{
+    const { locale  } = useConfigProvider();
+    const ref = React.useRef(null);
+    const onClick = React.useCallback(()=>onChange(day), [
+        day,
+        onChange
+    ]);
+    const handleEnter = React.useCallback(()=>onEnter?.(day), [
+        day,
+        onEnter
+    ]);
+    const handleLeave = React.useCallback(()=>onLeave?.(day), [
+        day,
+        onLeave
+    ]);
+    React.useEffect(()=>{
+        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: styles['CalendarDay__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, {
+        className: classNames(styles['CalendarDay'], size === 's' && styles['CalendarDay--size-s'], today && styles['CalendarDay--today'], selected && !disabled && styles['CalendarDay--selected'], selectionStart && styles['CalendarDay--selection-start'], selectionEnd && styles['CalendarDay--selection-end'], disabled && styles['CalendarDay--disabled'], !sameMonth && styles['CalendarDay--not-same-month'], className),
+        hoverMode: active ? '' : styles['CalendarDay--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(styles['CalendarDay__hinted'], hinted && styles['CalendarDay__hinted--active'], hintedSelectionStart && styles['CalendarDay__hinted--selection-start'], hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'])
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['CalendarDay__inner'], active && !disabled && styles['CalendarDay__inner--active'])
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['CalendarDay__day-number']
+    }, day.getDate()))));
 });
 CalendarDay.displayName = 'CalendarDay';
-var styles = {
-  "CalendarDay--size-s": "vkuiCalendarDay--size-s",
-  "CalendarDay--size-m": "vkuiCalendarDay--size-m"
-};
+
 //# sourceMappingURL=CalendarDay.js.map

package/dist/cssm/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":"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"}
+{"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","styles","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;AACtE,OAAOC,YAAY,2BAA2B;AA2B9C,OAAO,MAAMC,4BAAcN,MAAMO,IAAI,CACnC,CAAC,EACCC,IAAG,EACHC,MAAK,EACLC,SAAQ,EACRC,SAAQ,EACRC,OAAM,EACNC,SAAQ,EACRC,OAAM,EACNC,eAAc,EACdC,aAAY,EACZC,QAAO,EACPC,QAAO,EACPC,QAAO,EACPC,OAAM,EACNC,qBAAoB,EACpBC,mBAAkB,EAClBC,UAAS,EACTC,KAAI,EACJC,UAAS,EACT,GAAGC,OACc,GAAK;IACtB,MAAM,EAAEC,OAAM,EAAE,GAAGxB;IACnB,MAAMyB,MAAM5B,MAAM6B,MAAM,CAAc,IAAI;IAC1C,MAAMC,UAAU9B,MAAM+B,WAAW,CAAC,IAAMpB,SAASH,MAAM;QAACA;QAAKG;KAAS;IACtE,MAAMqB,cAAchC,MAAM+B,WAAW,CAAC,IAAMb,UAAUV,MAAM;QAACA;QAAKU;KAAQ;IAC1E,MAAMe,cAAcjC,MAAM+B,WAAW,CAAC,IAAMZ,UAAUX,MAAM;QAACA;QAAKW;KAAQ;IAE1EnB,MAAMkC,SAAS,CAAC,IAAM;QACpB,IAAIjB,WAAWW,IAAIO,OAAO,EAAE;YAC1BP,IAAIO,OAAO,CAACC,aAAa,CAAC,IAAIC,MAAMnC,kCAAkC;gBAAEoC,SAAS,IAAI;YAAC;YACtFV,IAAIO,OAAO,CAACI,KAAK;QACnB,CAAC;IACH,GAAG;QAACtB;KAAQ;IAEZ,IAAIL,QAAQ;QACV,qBAAO,oBAAC4B;YAAIf,WAAWpB,MAAM,CAAC,sBAAsB;;IACtD,CAAC;IAED,qBACE,oBAACD;QACCqB,WAAWxB,WACTI,MAAM,CAAC,cAAc,EACrBmB,SAAS,OAAOnB,MAAM,CAAC,sBAAsB,EAC7CI,SAASJ,MAAM,CAAC,qBAAqB,EACrCK,YAAY,CAACG,YAAYR,MAAM,CAAC,wBAAwB,EACxDU,kBAAkBV,MAAM,CAAC,+BAA+B,EACxDW,gBAAgBX,MAAM,CAAC,6BAA6B,EACpDQ,YAAYR,MAAM,CAAC,wBAAwB,EAC3C,CAACkB,aAAalB,MAAM,CAAC,8BAA8B,EACnDoB;QAEFgB,WAAW3B,SAAS,KAAKT,MAAM,CAAC,qBAAqB;QACrDqC,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;QACR,GAAGP,KAAK;qBAET,oBAACc;QACCf,WAAWxB,WACTI,MAAM,CAAC,sBAAsB,EAC7Be,UAAUf,MAAM,CAAC,8BAA8B,EAC/CgB,wBAAwBhB,MAAM,CAAC,uCAAuC,EACtEiB,sBAAsBjB,MAAM,CAAC,qCAAqC;qBAGpE,oBAACmC;QACCf,WAAWxB,WACTI,MAAM,CAAC,qBAAqB,EAC5BS,UAAU,CAACD,YAAYR,MAAM,CAAC,6BAA6B;qBAG7D,oBAACmC;QAAIf,WAAWpB,MAAM,CAAC,0BAA0B;OAAGG,IAAI6C,OAAO;AAKzE,GACA;AAEF/C,YAAYgD,WAAW,GAAG"}