@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/CalendarDays/CalendarDays.js

@@ -1,94 +1,98 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps", "className", "listenDayChangesForUpdate"];
-import * as React from 'react';
-import { classNames } from '@vkontakte/vkjs';
-import { useTodayDate } from '../../hooks/useTodayDate';
-import { getDaysNames, getWeeks } from '../../lib/calendar';
-import { isSameDay, isSameMonth } from '../../lib/date';
-import { CalendarDay } from '../CalendarDay/CalendarDay';
-import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
-import { Footnote } from '../Typography/Footnote/Footnote';
-export var CalendarDays = function CalendarDays(_ref) {
-  var viewDate = _ref.viewDate,
-    value = _ref.value,
-    weekStartsOn = _ref.weekStartsOn,
-    onDayChange = _ref.onDayChange,
-    isDaySelected = _ref.isDaySelected,
-    isDayActive = _ref.isDayActive,
-    isDaySelectionEnd = _ref.isDaySelectionEnd,
-    isDaySelectionStart = _ref.isDaySelectionStart,
-    onDayEnter = _ref.onDayEnter,
-    onDayLeave = _ref.onDayLeave,
-    isDayHinted = _ref.isDayHinted,
-    isHintedDaySelectionStart = _ref.isHintedDaySelectionStart,
-    isHintedDaySelectionEnd = _ref.isHintedDaySelectionEnd,
-    isDayFocused = _ref.isDayFocused,
-    isDayDisabled = _ref.isDayDisabled,
-    size = _ref.size,
-    _ref$showNeighboringM = _ref.showNeighboringMonth,
-    showNeighboringMonth = _ref$showNeighboringM === void 0 ? false : _ref$showNeighboringM,
-    dayProps = _ref.dayProps,
-    className = _ref.className,
-    _ref$listenDayChanges = _ref.listenDayChangesForUpdate,
-    listenDayChangesForUpdate = _ref$listenDayChanges === void 0 ? false : _ref$listenDayChanges,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useConfigProvider = useConfigProvider(),
-    locale = _useConfigProvider.locale;
-  var ref = React.useRef(null);
-  var now = useTodayDate(listenDayChangesForUpdate);
-  var weeks = React.useMemo(function () {
-    return getWeeks(viewDate, weekStartsOn);
-  }, [weekStartsOn, viewDate]);
-  var daysNames = React.useMemo(function () {
-    return getDaysNames(now, weekStartsOn, locale);
-  }, [locale, now, weekStartsOn]);
-  var handleDayChange = React.useCallback(function (date) {
-    var _ref$current;
-    onDayChange(date);
-    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
-  }, [onDayChange]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: classNames("vkuiCalendarDays", className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)])
-  }, daysNames.map(function (dayName) {
-    return /*#__PURE__*/React.createElement(Footnote, {
-      key: dayName,
-      className: "vkuiCalendarDays__weekday"
-    }, dayName);
-  })), weeks.map(function (week, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames("vkuiCalendarDays__row", size && styles["CalendarDays__row--size-".concat(size)]),
-      key: i
-    }, week.map(function (day, i) {
-      var sameMonth = isSameMonth(day, viewDate);
-      return /*#__PURE__*/React.createElement(CalendarDay, _extends({
-        key: day.toISOString(),
-        day: day,
-        today: isSameDay(day, now),
-        active: isDayActive(day),
-        onChange: handleDayChange,
-        hidden: !showNeighboringMonth && !sameMonth,
-        disabled: isDayDisabled(day),
-        selectionStart: isDaySelectionStart(day, i),
-        selectionEnd: isDaySelectionEnd(day, i),
-        hintedSelectionStart: isHintedDaySelectionStart === null || isHintedDaySelectionStart === void 0 ? void 0 : isHintedDaySelectionStart(day, i),
-        hintedSelectionEnd: isHintedDaySelectionEnd === null || isHintedDaySelectionEnd === void 0 ? void 0 : isHintedDaySelectionEnd(day, i),
-        selected: isDaySelected === null || isDaySelected === void 0 ? void 0 : isDaySelected(day),
-        focused: isDayFocused(day),
-        onEnter: onDayEnter,
-        onLeave: onDayLeave,
-        hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
-        sameMonth: sameMonth,
-        size: size
-      }, dayProps));
+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 { useTodayDate } from "../../hooks/useTodayDate";
+import { getDaysNames, getWeeks } from "../../lib/calendar";
+import { isSameDay, isSameMonth } from "../../lib/date";
+import { CalendarDay } from "../CalendarDay/CalendarDay";
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import { Footnote } from "../Typography/Footnote/Footnote";
+export var CalendarDays = function(_param) {
+    var viewDate = _param.viewDate, value = _param.value, weekStartsOn = _param.weekStartsOn, onDayChange = _param.onDayChange, isDaySelected = _param.isDaySelected, isDayActive = _param.isDayActive, isDaySelectionEnd = _param.isDaySelectionEnd, isDaySelectionStart = _param.isDaySelectionStart, onDayEnter = _param.onDayEnter, onDayLeave = _param.onDayLeave, isDayHinted = _param.isDayHinted, isHintedDaySelectionStart = _param.isHintedDaySelectionStart, isHintedDaySelectionEnd = _param.isHintedDaySelectionEnd, isDayFocused = _param.isDayFocused, isDayDisabled = _param.isDayDisabled, size = _param.size, _param_showNeighboringMonth = _param.showNeighboringMonth, showNeighboringMonth = _param_showNeighboringMonth === void 0 ? false : _param_showNeighboringMonth, dayProps = _param.dayProps, className = _param.className, _param_listenDayChangesForUpdate = _param.listenDayChangesForUpdate, listenDayChangesForUpdate = _param_listenDayChangesForUpdate === void 0 ? false : _param_listenDayChangesForUpdate, props = _object_without_properties(_param, [
+        "viewDate",
+        "value",
+        "weekStartsOn",
+        "onDayChange",
+        "isDaySelected",
+        "isDayActive",
+        "isDaySelectionEnd",
+        "isDaySelectionStart",
+        "onDayEnter",
+        "onDayLeave",
+        "isDayHinted",
+        "isHintedDaySelectionStart",
+        "isHintedDaySelectionEnd",
+        "isDayFocused",
+        "isDayDisabled",
+        "size",
+        "showNeighboringMonth",
+        "dayProps",
+        "className",
+        "listenDayChangesForUpdate"
+    ]);
+    var locale = useConfigProvider().locale;
+    var ref = React.useRef(null);
+    var now = useTodayDate(listenDayChangesForUpdate);
+    var weeks = React.useMemo(function() {
+        return getWeeks(viewDate, weekStartsOn);
+    }, [
+        weekStartsOn,
+        viewDate
+    ]);
+    var daysNames = React.useMemo(function() {
+        return getDaysNames(now, weekStartsOn, locale);
+    }, [
+        locale,
+        now,
+        weekStartsOn
+    ]);
+    var handleDayChange = React.useCallback(function(date) {
+        var _ref_current;
+        onDayChange(date);
+        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+    }, [
+        onDayChange
+    ]);
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props), {
+        className: classNames("vkuiCalendarDays", className),
+        ref: ref
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiCalendarDays__row", size === "s" && "vkuiCalendarDays__row--size-s")
+    }, daysNames.map(function(dayName) {
+        return /*#__PURE__*/ React.createElement(Footnote, {
+            key: dayName,
+            className: "vkuiCalendarDays__weekday"
+        }, dayName);
+    })), weeks.map(function(week, i) {
+        /*#__PURE__*/ return React.createElement("div", {
+            className: classNames("vkuiCalendarDays__row", size === "s" && "vkuiCalendarDays__row--size-s"),
+            key: i
+        }, week.map(function(day, i) {
+            var sameMonth = isSameMonth(day, viewDate);
+            return /*#__PURE__*/ React.createElement(CalendarDay, _object_spread({
+                key: day.toISOString(),
+                day: day,
+                today: isSameDay(day, now),
+                active: isDayActive(day),
+                onChange: handleDayChange,
+                hidden: !showNeighboringMonth && !sameMonth,
+                disabled: isDayDisabled(day),
+                selectionStart: isDaySelectionStart(day, i),
+                selectionEnd: isDaySelectionEnd(day, i),
+                hintedSelectionStart: isHintedDaySelectionStart === null || isHintedDaySelectionStart === void 0 ? void 0 : isHintedDaySelectionStart(day, i),
+                hintedSelectionEnd: isHintedDaySelectionEnd === null || isHintedDaySelectionEnd === void 0 ? void 0 : isHintedDaySelectionEnd(day, i),
+                selected: isDaySelected === null || isDaySelected === void 0 ? void 0 : isDaySelected(day),
+                focused: isDayFocused(day),
+                onEnter: onDayEnter,
+                onLeave: onDayLeave,
+                hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
+                sameMonth: sameMonth,
+                size: size
+            }, dayProps));
+        }));
     }));
-  }));
-};
-var styles = {
-  "CalendarDays__row--size-s": "vkuiCalendarDays__row--size-s",
-  "CalendarDays__row--size-m": "vkuiCalendarDays__row--size-m"
 };
+
 //# sourceMappingURL=CalendarDays.js.map

package/dist/components/CalendarDays/CalendarDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDays.js","names":["React","classNames","useTodayDate","getDaysNames","getWeeks","isSameDay","isSameMonth","CalendarDay","useConfigProvider","Footnote","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","styles","map","dayName","week","i","day","sameMonth","toISOString"],"sources":["../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTodayDate } from '../../hooks/useTodayDate';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  dayProps?: CalendarDayElementProps;\n  listenDayChangesForUpdate?: boolean;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  className,\n  listenDayChangesForUpdate = false,\n  ...props\n}: CalendarDaysProps) => {\n  const { locale } = useConfigProvider();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const now = useTodayDate(listenDayChangesForUpdate);\n\n  const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn],\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange],\n  );\n\n  return (\n    <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n      <div\n        className={classNames(\n          styles['CalendarDays__row'],\n          size && styles[`CalendarDays__row--size-${size}`],\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n            {dayName}\n          </Footnote>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          className={classNames(\n            styles['CalendarDays__row'],\n            size && styles[`CalendarDays__row--size-${size}`],\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTodayDate } from '../../hooks/useTodayDate';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { CalendarDay, CalendarDayElementProps } from '../CalendarDay/CalendarDay';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CalendarDays.module.css';\n\nexport interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: 's' | 'm';\n  dayProps?: CalendarDayElementProps;\n  listenDayChangesForUpdate?: boolean;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  className,\n  listenDayChangesForUpdate = false,\n  ...props\n}: CalendarDaysProps) => {\n  const { locale } = useConfigProvider();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const now = useTodayDate(listenDayChangesForUpdate);\n\n  const weeks = React.useMemo(() => getWeeks(viewDate, weekStartsOn), [weekStartsOn, viewDate]);\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn],\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange],\n  );\n\n  return (\n    <div {...props} className={classNames(styles['CalendarDays'], className)} ref={ref}>\n      <div\n        className={classNames(\n          styles['CalendarDays__row'],\n          size === 's' && styles['CalendarDays__row--size-s'],\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Footnote key={dayName} className={styles['CalendarDays__weekday']}>\n            {dayName}\n          </Footnote>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          className={classNames(\n            styles['CalendarDays__row'],\n            size === 's' && styles['CalendarDays__row--size-s'],\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["React","classNames","useTodayDate","getDaysNames","getWeeks","isSameDay","isSameMonth","CalendarDay","useConfigProvider","Footnote","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","locale","ref","useRef","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","div","map","dayName","key","week","i","day","sameMonth","toISOString","today","active","onChange","hidden","disabled","selectionStart","selectionEnd","hintedSelectionStart","hintedSelectionEnd","selected","focused","onEnter","onLeave","hinted"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,YAAY,EAAEC,QAAQ,QAAQ,qBAAqB;AAC5D,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,WAAW,QAAiC,6BAA6B;AAClF,SAASC,iBAAiB,QAAQ,0CAA0C;AAC5E,SAASC,QAAQ,QAAQ,kCAAkC;AAyB3D,OAAO,IAAMC,eAAe,iBAsBH;QArBvBC,kBAAAA,UACAC,eAAAA,OACAC,sBAAAA,cACAC,qBAAAA,aACAC,uBAAAA,eACAC,qBAAAA,aACAC,2BAAAA,mBACAC,6BAAAA,qBACAC,oBAAAA,YACAC,oBAAAA,YACAC,qBAAAA,aACAC,mCAAAA,2BACAC,iCAAAA,yBACAC,sBAAAA,cACAC,uBAAAA,eACAC,cAAAA,2CACAC,sBAAAA,gEAAuB,KAAK,gCAC5BC,kBAAAA,UACAC,mBAAAA,qDACAC,2BAAAA,0EAA4B,KAAK,qCAC9BC;QApBHpB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,SAAWxB,oBAAXwB;IACR,IAAMC,MAAMjC,MAAMkC,MAAM,CAAiB,IAAI;IAC7C,IAAMC,MAAMjC,aAAa4B;IAEzB,IAAMM,QAAQpC,MAAMqC,OAAO,CAAC;eAAMjC,SAASO,UAAUE;OAAe;QAACA;QAAcF;KAAS;IAE5F,IAAM2B,YAAYtC,MAAMqC,OAAO,CAC7B;eAAMlC,aAAagC,KAAKtB,cAAcmB;OACtC;QAACA;QAAQG;QAAKtB;KAAa;IAG7B,IAAM0B,kBAAkBvC,MAAMwC,WAAW,CACvC,SAACC,MAAe;YAGdR;QAFAnB,YAAY2B;QAEZR,CAAAA,eAAAA,IAAIS,OAAO,cAAXT,0BAAAA,KAAAA,IAAAA,aAAaU;IACf,GACA;QAAC7B;KAAY;IAGf,qBACE,oBAAC8B,+CAAQb;QAAOF,WAAW5B,+BAAmC4B;QAAYI,KAAKA;sBAC7E,oBAACW;QACCf,WAAW5B,oCAETyB,SAAS;OAGVY,UAAUO,GAAG,CAAC,SAACC;6BACd,oBAACrC;YAASsC,KAAKD;YAASjB,SAAS;WAC9BiB;SAKNV,MAAMS,GAAG,CAAC,SAACG,MAAMC;sBAChB,OAAA,oBAACL;YACCf,WAAW5B,oCAETyB,SAAS;YAEXqB,KAAKE;WAEJD,KAAKH,GAAG,CAAC,SAACK,KAAKD,GAAM;YACpB,IAAME,YAAY7C,YAAY4C,KAAKvC;YACnC,qBACE,oBAACJ;gBACCwC,KAAKG,IAAIE,WAAW;gBACpBF,KAAKA;gBACLG,OAAOhD,UAAU6C,KAAKf;gBACtBmB,QAAQtC,YAAYkC;gBACpBK,UAAUhB;gBACViB,QAAQ,CAAC7B,wBAAwB,CAACwB;gBAClCM,UAAUhC,cAAcyB;gBACxBQ,gBAAgBxC,oBAAoBgC,KAAKD;gBACzCU,cAAc1C,kBAAkBiC,KAAKD;gBACrCW,oBAAoB,EAAEtC,sCAAAA,uCAAAA,KAAAA,IAAAA,0BAA4B4B,KAAKD;gBACvDY,kBAAkB,EAAEtC,oCAAAA,qCAAAA,KAAAA,IAAAA,wBAA0B2B,KAAKD;gBACnDa,QAAQ,EAAE/C,0BAAAA,2BAAAA,KAAAA,IAAAA,cAAgBmC;gBAC1Ba,SAASvC,aAAa0B;gBACtBc,SAAS7C;gBACT8C,SAAS7C;gBACT8C,MAAM,EAAE7C,wBAAAA,yBAAAA,KAAAA,IAAAA,YAAc6B;gBACtBC,WAAWA;gBACXzB,MAAMA;eACFE;QAGV;;AAKV,EAAE"}

package/dist/components/CalendarHeader/CalendarHeader.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TappableElementProps } from '../Tappable/Tappable';
-declare type ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;
+type ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;
 export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     viewDate: Date;
     prevMonth?: boolean;

package/dist/components/CalendarHeader/CalendarHeader.js

@@ -1,135 +1,118 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className"],
-  _excluded2 = ["className"];
-import * as React from 'react';
-import { Icon12Dropdown, Icon20ChevronLeftOutline, Icon20ChevronRightOutline } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { SizeType } from '../../lib/adaptivity';
-import { getMonths, getYears } from '../../lib/calendar';
-import { addMonths, setMonth, setYear, subMonths } from '../../lib/date';
-import { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';
-import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
-import { CustomSelect } from '../CustomSelect/CustomSelect';
-import { Tappable } from '../Tappable/Tappable';
-import { Paragraph } from '../Typography/Paragraph/Paragraph';
-export var CalendarHeader = function CalendarHeader(_ref) {
-  var viewDate = _ref.viewDate,
-    onChange = _ref.onChange,
-    _ref$prevMonth = _ref.prevMonth,
-    prevMonth = _ref$prevMonth === void 0 ? true : _ref$prevMonth,
-    _ref$nextMonth = _ref.nextMonth,
-    nextMonth = _ref$nextMonth === void 0 ? true : _ref$nextMonth,
-    _ref$disablePickers = _ref.disablePickers,
-    disablePickers = _ref$disablePickers === void 0 ? false : _ref$disablePickers,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    className = _ref.className,
-    _ref$prevMonthProps = _ref.prevMonthProps,
-    prevMonthProps = _ref$prevMonthProps === void 0 ? {} : _ref$prevMonthProps,
-    _ref$nextMonthProps = _ref.nextMonthProps,
-    nextMonthProps = _ref$nextMonthProps === void 0 ? {} : _ref$nextMonthProps,
-    _ref$prevMonthAriaLab = _ref.prevMonthAriaLabel,
-    prevMonthAriaLabel = _ref$prevMonthAriaLab === void 0 ? 'Предыдущий месяц' : _ref$prevMonthAriaLab,
-    _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
-    nextMonthAriaLabel = _ref$nextMonthAriaLab === void 0 ? 'Следующий месяц' : _ref$nextMonthAriaLab,
-    _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
-    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? 'Изменить месяц' : _ref$changeMonthAriaL,
-    _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
-    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? 'Изменить год' : _ref$changeYearAriaLa,
-    _ref$prevMonthIcon = _ref.prevMonthIcon,
-    prevMonthIcon = _ref$prevMonthIcon === void 0 ? /*#__PURE__*/React.createElement(Icon20ChevronLeftOutline, {
-      className: "vkuiCalendarHeader__nav-icon--accent",
-      width: 30,
-      height: 30
-    }) : _ref$prevMonthIcon,
-    _ref$nextMonthIcon = _ref.nextMonthIcon,
-    nextMonthIcon = _ref$nextMonthIcon === void 0 ? /*#__PURE__*/React.createElement(Icon20ChevronRightOutline, {
-      className: "vkuiCalendarHeader__nav-icon--accent",
-      width: 30,
-      height: 30
-    }) : _ref$nextMonthIcon;
-  var _useConfigProvider = useConfigProvider(),
-    locale = _useConfigProvider.locale;
-  var onMonthsChange = React.useCallback(function (event) {
-    return onChange(setMonth(viewDate, Number(event.target.value)));
-  }, [onChange, viewDate]);
-  var onYearChange = React.useCallback(function (event) {
-    return onChange(setYear(viewDate, Number(event.target.value)));
-  }, [onChange, viewDate]);
-  var months = React.useMemo(function () {
-    return getMonths(locale).map(function (_ref2) {
-      var value = _ref2.value,
-        label = _ref2.label;
-      return {
-        value: value,
-        label: /*#__PURE__*/React.createElement("span", {
-          className: "vkuiCalendarHeader__month"
-        }, label)
-      };
+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 { Icon12Dropdown, Icon20ChevronLeftOutline, Icon20ChevronRightOutline } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { SizeType } from "../../lib/adaptivity";
+import { getMonths, getYears } from "../../lib/calendar";
+import { addMonths, setMonth, setYear, subMonths } from "../../lib/date";
+import { AdaptivityProvider } from "../AdaptivityProvider/AdaptivityProvider";
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import { CustomSelect } from "../CustomSelect/CustomSelect";
+import { Tappable } from "../Tappable/Tappable";
+import { Paragraph } from "../Typography/Paragraph/Paragraph";
+export var CalendarHeader = function(param) {
+    var viewDate = param.viewDate, onChange = param.onChange, _param_prevMonth = param.prevMonth, prevMonth = _param_prevMonth === void 0 ? true : _param_prevMonth, _param_nextMonth = param.nextMonth, nextMonth = _param_nextMonth === void 0 ? true : _param_nextMonth, _param_disablePickers = param.disablePickers, disablePickers = _param_disablePickers === void 0 ? false : _param_disablePickers, onNextMonth = param.onNextMonth, onPrevMonth = param.onPrevMonth, className = param.className, _param_prevMonthProps = param.prevMonthProps, prevMonthProps = _param_prevMonthProps === void 0 ? {} : _param_prevMonthProps, _param_nextMonthProps = param.nextMonthProps, nextMonthProps = _param_nextMonthProps === void 0 ? {} : _param_nextMonthProps, _param_prevMonthAriaLabel = param.prevMonthAriaLabel, prevMonthAriaLabel = _param_prevMonthAriaLabel === void 0 ? "Предыдущий месяц" : _param_prevMonthAriaLabel, _param_nextMonthAriaLabel = param.nextMonthAriaLabel, nextMonthAriaLabel = _param_nextMonthAriaLabel === void 0 ? "Следующий месяц" : _param_nextMonthAriaLabel, _param_changeMonthAriaLabel = param.changeMonthAriaLabel, changeMonthAriaLabel = _param_changeMonthAriaLabel === void 0 ? "Изменить месяц" : _param_changeMonthAriaLabel, _param_changeYearAriaLabel = param.changeYearAriaLabel, changeYearAriaLabel = _param_changeYearAriaLabel === void 0 ? "Изменить год" : _param_changeYearAriaLabel, _param_prevMonthIcon = param.prevMonthIcon, prevMonthIcon = _param_prevMonthIcon === void 0 ? /*#__PURE__*/ React.createElement(Icon20ChevronLeftOutline, {
+        className: "vkuiCalendarHeader__nav-icon--accent",
+        width: 30,
+        height: 30
+    }) : _param_prevMonthIcon, _param_nextMonthIcon = param.nextMonthIcon, nextMonthIcon = _param_nextMonthIcon === void 0 ? /*#__PURE__*/ React.createElement(Icon20ChevronRightOutline, {
+        className: "vkuiCalendarHeader__nav-icon--accent",
+        width: 30,
+        height: 30
+    }) : _param_nextMonthIcon;
+    var locale = useConfigProvider().locale;
+    var onMonthsChange = React.useCallback(function(event) {
+        return onChange(setMonth(viewDate, Number(event.target.value)));
+    }, [
+        onChange,
+        viewDate
+    ]);
+    var onYearChange = React.useCallback(function(event) {
+        return onChange(setYear(viewDate, Number(event.target.value)));
+    }, [
+        onChange,
+        viewDate
+    ]);
+    var months = React.useMemo(function() {
+        return getMonths(locale).map(function(param) {
+            var value = param.value, label = param.label;
+            return {
+                value: value,
+                label: /*#__PURE__*/ React.createElement("span", {
+                    className: "vkuiCalendarHeader__month"
+                }, label)
+            };
+        });
+    }, [
+        locale
+    ]);
+    var currentYear = viewDate.getFullYear();
+    var years = React.useMemo(function() {
+        return getYears(currentYear, 100);
+    }, [
+        currentYear
+    ]);
+    var formatter = new Intl.DateTimeFormat(locale, {
+        year: "numeric",
+        month: "long"
     });
-  }, [locale]);
-  var currentYear = viewDate.getFullYear();
-  var years = React.useMemo(function () {
-    return getYears(currentYear, 100);
-  }, [currentYear]);
-  var formatter = new Intl.DateTimeFormat(locale, {
-    year: 'numeric',
-    month: 'long'
-  });
-  var prevMonthClassName = prevMonthProps.className,
-    restPrevMonthProps = _objectWithoutProperties(prevMonthProps, _excluded);
-  var nextMonthClassName = nextMonthProps.className,
-    restNextMonthProps = _objectWithoutProperties(nextMonthProps, _excluded2);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("vkuiCalendarHeader", className)
-  }, prevMonth && /*#__PURE__*/React.createElement(AdaptivityProvider, {
-    sizeX: SizeType.REGULAR
-  }, /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
-    onClick: onPrevMonth,
-    "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format(subMonths(viewDate, 1)))
-  }, restPrevMonthProps), prevMonthIcon)), disablePickers ? /*#__PURE__*/React.createElement(Paragraph, {
-    className: "vkuiCalendarHeader__pickers",
-    weight: "2"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "vkuiCalendarHeader__month"
-  }, new Intl.DateTimeFormat(locale, {
-    month: 'long'
-  }).format(viewDate)), "\xA0", new Intl.DateTimeFormat(locale, {
-    year: 'numeric'
-  }).format(viewDate)) : /*#__PURE__*/React.createElement(AdaptivityProvider, {
-    sizeY: SizeType.COMPACT
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiCalendarHeader__pickers"
-  }, /*#__PURE__*/React.createElement(CustomSelect, {
-    className: "vkuiCalendarHeader__picker",
-    value: viewDate.getMonth(),
-    options: months,
-    dropdownOffsetDistance: 4,
-    fixDropdownWidth: false,
-    icon: /*#__PURE__*/React.createElement(Icon12Dropdown, null),
-    onChange: onMonthsChange,
-    forceDropdownPortal: false,
-    selectType: "accent",
-    "aria-label": changeMonthAriaLabel
-  }), /*#__PURE__*/React.createElement(CustomSelect, {
-    className: "vkuiCalendarHeader__picker",
-    value: viewDate.getFullYear(),
-    options: years,
-    dropdownOffsetDistance: 4,
-    fixDropdownWidth: false,
-    icon: /*#__PURE__*/React.createElement(Icon12Dropdown, null),
-    onChange: onYearChange,
-    forceDropdownPortal: false,
-    selectType: "accent",
-    "aria-label": changeYearAriaLabel
-  }))), nextMonth && /*#__PURE__*/React.createElement(AdaptivityProvider, {
-    sizeX: SizeType.REGULAR
-  }, /*#__PURE__*/React.createElement(Tappable, _extends({
-    className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
-    onClick: onNextMonth,
-    "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format(addMonths(viewDate, 1)))
-  }, restNextMonthProps), nextMonthIcon)));
+    var prevMonthClassName = prevMonthProps.className, restPrevMonthProps = _object_without_properties(prevMonthProps, [
+        "className"
+    ]);
+    var nextMonthClassName = nextMonthProps.className, restNextMonthProps = _object_without_properties(nextMonthProps, [
+        "className"
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiCalendarHeader", className)
+    }, prevMonth && /*#__PURE__*/ React.createElement(AdaptivityProvider, {
+        sizeX: SizeType.REGULAR
+    }, /*#__PURE__*/ React.createElement(Tappable, _object_spread({
+        className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-prev", prevMonthClassName),
+        onClick: onPrevMonth,
+        "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format(subMonths(viewDate, 1)))
+    }, restPrevMonthProps), prevMonthIcon)), disablePickers ? /*#__PURE__*/ React.createElement(Paragraph, {
+        className: classNames("vkuiCalendarHeader__pickers", "vkuiInternalCalendarHeader__pickers"),
+        weight: "2"
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiCalendarHeader__month"
+    }, new Intl.DateTimeFormat(locale, {
+        month: "long"
+    }).format(viewDate)), "\xa0", new Intl.DateTimeFormat(locale, {
+        year: "numeric"
+    }).format(viewDate)) : /*#__PURE__*/ React.createElement(AdaptivityProvider, {
+        sizeY: SizeType.COMPACT
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("vkuiCalendarHeader__pickers", "vkuiInternalCalendarHeader__pickers")
+    }, /*#__PURE__*/ React.createElement(CustomSelect, {
+        className: classNames("vkuiCalendarHeader__picker", "vkuiInternalCalendarHeader__picker"),
+        value: viewDate.getMonth(),
+        options: months,
+        dropdownOffsetDistance: 4,
+        fixDropdownWidth: false,
+        icon: /*#__PURE__*/ React.createElement(Icon12Dropdown, null),
+        onChange: onMonthsChange,
+        forceDropdownPortal: false,
+        selectType: "accent",
+        "aria-label": changeMonthAriaLabel
+    }), /*#__PURE__*/ React.createElement(CustomSelect, {
+        className: classNames("vkuiCalendarHeader__picker", "vkuiInternalCalendarHeader__picker"),
+        value: viewDate.getFullYear(),
+        options: years,
+        dropdownOffsetDistance: 4,
+        fixDropdownWidth: false,
+        icon: /*#__PURE__*/ React.createElement(Icon12Dropdown, null),
+        onChange: onYearChange,
+        forceDropdownPortal: false,
+        selectType: "accent",
+        "aria-label": changeYearAriaLabel
+    }))), nextMonth && /*#__PURE__*/ React.createElement(AdaptivityProvider, {
+        sizeX: SizeType.REGULAR
+    }, /*#__PURE__*/ React.createElement(Tappable, _object_spread({
+        className: classNames("vkuiCalendarHeader__nav-icon", "vkuiCalendarHeader__nav-icon-next", nextMonthClassName),
+        onClick: onNextMonth,
+        "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format(addMonths(viewDate, 1)))
+    }, restNextMonthProps), nextMonthIcon)));
 };
+
 //# sourceMappingURL=CalendarHeader.js.map

package/dist/components/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","names":["React","Icon12Dropdown","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","classNames","SizeType","getMonths","getYears","addMonths","setMonth","setYear","subMonths","AdaptivityProvider","useConfigProvider","CustomSelect","Tappable","Paragraph","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","REGULAR","format","COMPACT","getMonth"],"sources":["../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Dropdown,\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { addMonths, setMonth, setYear, subMonths } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CalendarHeader.module.css';\n\ntype ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;\n\nexport interface CalendarHeaderProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  viewDate: Date;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  disablePickers?: boolean;\n  prevMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  changeMonthAriaLabel?: string;\n  changeYearAriaLabel?: string;\n  prevMonthIcon?: React.ReactNode;\n  nextMonthIcon?: React.ReactNode;\n  prevMonthProps?: ArrowMonthProps;\n  nextMonthProps?: ArrowMonthProps;\n  onChange(viewDate: Date): void;\n  /**\n   * Нажатие на кнопку переключения на следующий месяц.\n   */\n  onNextMonth?(): void;\n  /**\n   * Нажатие на кнопку переключения на предыдущий месяц.\n   */\n  onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n  viewDate,\n  onChange,\n  prevMonth = true,\n  nextMonth = true,\n  disablePickers = false,\n  onNextMonth,\n  onPrevMonth,\n  className,\n  prevMonthProps = {},\n  nextMonthProps = {},\n  prevMonthAriaLabel = 'Предыдущий месяц',\n  nextMonthAriaLabel = 'Следующий месяц',\n  changeMonthAriaLabel = 'Изменить месяц',\n  changeYearAriaLabel = 'Изменить год',\n  prevMonthIcon = (\n    <Icon20ChevronLeftOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const { locale } = useConfigProvider();\n  const onMonthsChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setMonth(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n  const onYearChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setYear(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n\n  const months = React.useMemo(\n    () =>\n      getMonths(locale).map(({ value, label }) => ({\n        value,\n        label: <span className={styles['CalendarHeader__month']}>{label}</span>,\n      })),\n    [locale],\n  );\n\n  const currentYear = viewDate.getFullYear();\n\n  const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  const { className: prevMonthClassName, ...restPrevMonthProps } = prevMonthProps;\n  const { className: nextMonthClassName, ...restNextMonthProps } = nextMonthProps;\n\n  return (\n    <div className={classNames(styles['CalendarHeader'], className)}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-prev'],\n              prevMonthClassName,\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(subMonths(viewDate, 1))}`}\n            {...restPrevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph className={styles['CalendarHeader__pickers']} weight=\"2\">\n          <span className={styles['CalendarHeader__month']}>\n            {new Intl.DateTimeFormat(locale, {\n              month: 'long',\n            }).format(viewDate)}\n          </span>\n          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: 'numeric',\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div className={styles['CalendarHeader__pickers']}>\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-next'],\n              nextMonthClassName,\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(addMonths(viewDate, 1))}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Dropdown,\n  Icon20ChevronLeftOutline,\n  Icon20ChevronRightOutline,\n} from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { addMonths, setMonth, setYear, subMonths } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CalendarHeader.module.css';\n\ntype ArrowMonthProps = Omit<TappableElementProps, 'onClick' | 'aria-label'>;\n\nexport interface CalendarHeaderProps\n  extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  viewDate: Date;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  disablePickers?: boolean;\n  prevMonthAriaLabel?: string;\n  nextMonthAriaLabel?: string;\n  changeMonthAriaLabel?: string;\n  changeYearAriaLabel?: string;\n  prevMonthIcon?: React.ReactNode;\n  nextMonthIcon?: React.ReactNode;\n  prevMonthProps?: ArrowMonthProps;\n  nextMonthProps?: ArrowMonthProps;\n  onChange(viewDate: Date): void;\n  /**\n   * Нажатие на кнопку переключения на следующий месяц.\n   */\n  onNextMonth?(): void;\n  /**\n   * Нажатие на кнопку переключения на предыдущий месяц.\n   */\n  onPrevMonth?(): void;\n}\n\nexport const CalendarHeader = ({\n  viewDate,\n  onChange,\n  prevMonth = true,\n  nextMonth = true,\n  disablePickers = false,\n  onNextMonth,\n  onPrevMonth,\n  className,\n  prevMonthProps = {},\n  nextMonthProps = {},\n  prevMonthAriaLabel = 'Предыдущий месяц',\n  nextMonthAriaLabel = 'Следующий месяц',\n  changeMonthAriaLabel = 'Изменить месяц',\n  changeYearAriaLabel = 'Изменить год',\n  prevMonthIcon = (\n    <Icon20ChevronLeftOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      className={styles['CalendarHeader__nav-icon--accent']}\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const { locale } = useConfigProvider();\n  const onMonthsChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setMonth(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n  const onYearChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) =>\n      onChange(setYear(viewDate, Number(event.target.value))),\n    [onChange, viewDate],\n  );\n\n  const months = React.useMemo(\n    () =>\n      getMonths(locale).map(({ value, label }) => ({\n        value,\n        label: <span className={styles['CalendarHeader__month']}>{label}</span>,\n      })),\n    [locale],\n  );\n\n  const currentYear = viewDate.getFullYear();\n\n  const years = React.useMemo(() => getYears(currentYear, 100), [currentYear]);\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: 'numeric',\n    month: 'long',\n  });\n\n  const { className: prevMonthClassName, ...restPrevMonthProps } = prevMonthProps;\n  const { className: nextMonthClassName, ...restNextMonthProps } = nextMonthProps;\n\n  return (\n    <div className={classNames(styles['CalendarHeader'], className)}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-prev'],\n              prevMonthClassName,\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(subMonths(viewDate, 1))}`}\n            {...restPrevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph\n          className={classNames(\n            styles['CalendarHeader__pickers'],\n            'vkuiInternalCalendarHeader__pickers',\n          )}\n          weight=\"2\"\n        >\n          <span className={styles['CalendarHeader__month']}>\n            {new Intl.DateTimeFormat(locale, {\n              month: 'long',\n            }).format(viewDate)}\n          </span>\n          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: 'numeric',\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div\n            className={classNames(\n              styles['CalendarHeader__pickers'],\n              'vkuiInternalCalendarHeader__pickers',\n            )}\n          >\n            <CustomSelect\n              className={classNames(\n                styles['CalendarHeader__picker'],\n                'vkuiInternalCalendarHeader__picker',\n              )}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={classNames(\n                styles['CalendarHeader__picker'],\n                'vkuiInternalCalendarHeader__picker',\n              )}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-next'],\n              nextMonthClassName,\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(addMonths(viewDate, 1))}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"names":["React","Icon12Dropdown","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","classNames","SizeType","getMonths","getYears","addMonths","setMonth","setYear","subMonths","AdaptivityProvider","useConfigProvider","CustomSelect","Tappable","Paragraph","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","width","height","nextMonthIcon","locale","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","span","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","div","sizeX","REGULAR","onClick","aria-label","format","weight","sizeY","COMPACT","getMonth","options","dropdownOffsetDistance","fixDropdownWidth","icon","forceDropdownPortal","selectType"],"mappings":"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"}