@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/CalendarDays/CalendarDays.js

@@ -1,6 +1,3 @@
-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';
@@ -9,87 +6,62 @@ import { isSameDay, isSameMonth } from '../../lib/date';
 import { CalendarDay } from '../CalendarDay/CalendarDay';
 import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
 import { Footnote } from '../Typography/Footnote/Footnote';
-import "./CalendarDays.module.css";
-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));
-    }));
-  }));
-};
-var styles = {
-  "CalendarDays__row--size-s": "vkuiCalendarDays__row--size-s",
-  "CalendarDays__row--size-m": "vkuiCalendarDays__row--size-m"
+import styles from './CalendarDays.module.css';
+export const CalendarDays = ({ viewDate , value , weekStartsOn , onDayChange , isDaySelected , isDayActive , isDaySelectionEnd , isDaySelectionStart , onDayEnter , onDayLeave , isDayHinted , isHintedDaySelectionStart , isHintedDaySelectionEnd , isDayFocused , isDayDisabled , size , showNeighboringMonth =false , dayProps , className , listenDayChangesForUpdate =false , ...props })=>{
+    const { locale  } = useConfigProvider();
+    const ref = React.useRef(null);
+    const now = useTodayDate(listenDayChangesForUpdate);
+    const weeks = React.useMemo(()=>getWeeks(viewDate, weekStartsOn), [
+        weekStartsOn,
+        viewDate
+    ]);
+    const daysNames = React.useMemo(()=>getDaysNames(now, weekStartsOn, locale), [
+        locale,
+        now,
+        weekStartsOn
+    ]);
+    const handleDayChange = React.useCallback((date)=>{
+        onDayChange(date);
+        ref.current?.focus();
+    }, [
+        onDayChange
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        ...props,
+        className: classNames(styles['CalendarDays'], className),
+        ref: ref
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['CalendarDays__row'], size === 's' && styles['CalendarDays__row--size-s'])
+    }, daysNames.map((dayName)=>/*#__PURE__*/ React.createElement(Footnote, {
+            key: dayName,
+            className: styles['CalendarDays__weekday']
+        }, dayName))), weeks.map((week, i)=>/*#__PURE__*/ React.createElement("div", {
+            className: classNames(styles['CalendarDays__row'], size === 's' && styles['CalendarDays__row--size-s']),
+            key: i
+        }, week.map((day, i)=>{
+            const sameMonth = isSameMonth(day, viewDate);
+            return /*#__PURE__*/ React.createElement(CalendarDay, {
+                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?.(day, i),
+                hintedSelectionEnd: isHintedDaySelectionEnd?.(day, i),
+                selected: isDaySelected?.(day),
+                focused: isDayFocused(day),
+                onEnter: onDayEnter,
+                onLeave: onDayLeave,
+                hinted: isDayHinted?.(day),
+                sameMonth: sameMonth,
+                size: size,
+                ...dayProps
+            });
+        }))));
 };
+
 //# sourceMappingURL=CalendarDays.js.map

package/dist/cssm/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","styles","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;AAC3D,OAAOC,YAAY,4BAA4B;AAwB/C,OAAO,MAAMC,eAAe,CAAC,EAC3BC,SAAQ,EACRC,MAAK,EACLC,aAAY,EACZC,YAAW,EACXC,cAAa,EACbC,YAAW,EACXC,kBAAiB,EACjBC,oBAAmB,EACnBC,WAAU,EACVC,WAAU,EACVC,YAAW,EACXC,0BAAyB,EACzBC,wBAAuB,EACvBC,aAAY,EACZC,cAAa,EACbC,KAAI,EACJC,sBAAuB,KAAK,CAAA,EAC5BC,SAAQ,EACRC,UAAS,EACTC,2BAA4B,KAAK,CAAA,EACjC,GAAGC,OACe,GAAK;IACvB,MAAM,EAAEC,OAAM,EAAE,GAAGzB;IACnB,MAAM0B,MAAMlC,MAAMmC,MAAM,CAAiB,IAAI;IAC7C,MAAMC,MAAMlC,aAAa6B;IAEzB,MAAMM,QAAQrC,MAAMsC,OAAO,CAAC,IAAMlC,SAASQ,UAAUE,eAAe;QAACA;QAAcF;KAAS;IAE5F,MAAM2B,YAAYvC,MAAMsC,OAAO,CAC7B,IAAMnC,aAAaiC,KAAKtB,cAAcmB,SACtC;QAACA;QAAQG;QAAKtB;KAAa;IAG7B,MAAM0B,kBAAkBxC,MAAMyC,WAAW,CACvC,CAACC,OAAe;QACd3B,YAAY2B;QAEZR,IAAIS,OAAO,EAAEC;IACf,GACA;QAAC7B;KAAY;IAGf,qBACE,oBAAC8B;QAAK,GAAGb,KAAK;QAAEF,WAAW7B,WAAWS,MAAM,CAAC,eAAe,EAAEoB;QAAYI,KAAKA;qBAC7E,oBAACW;QACCf,WAAW7B,WACTS,MAAM,CAAC,oBAAoB,EAC3BiB,SAAS,OAAOjB,MAAM,CAAC,4BAA4B;OAGpD6B,UAAUO,GAAG,CAAC,CAACC,wBACd,oBAACtC;YAASuC,KAAKD;YAASjB,WAAWpB,MAAM,CAAC,wBAAwB;WAC/DqC,YAKNV,MAAMS,GAAG,CAAC,CAACG,MAAMC,kBAChB,oBAACL;YACCf,WAAW7B,WACTS,MAAM,CAAC,oBAAoB,EAC3BiB,SAAS,OAAOjB,MAAM,CAAC,4BAA4B;YAErDsC,KAAKE;WAEJD,KAAKH,GAAG,CAAC,CAACK,KAAKD,IAAM;YACpB,MAAME,YAAY9C,YAAY6C,KAAKvC;YACnC,qBACE,oBAACL;gBACCyC,KAAKG,IAAIE,WAAW;gBACpBF,KAAKA;gBACLG,OAAOjD,UAAU8C,KAAKf;gBACtBmB,QAAQtC,YAAYkC;gBACpBK,UAAUhB;gBACViB,QAAQ,CAAC7B,wBAAwB,CAACwB;gBAClCM,UAAUhC,cAAcyB;gBACxBQ,gBAAgBxC,oBAAoBgC,KAAKD;gBACzCU,cAAc1C,kBAAkBiC,KAAKD;gBACrCW,sBAAsBtC,4BAA4B4B,KAAKD;gBACvDY,oBAAoBtC,0BAA0B2B,KAAKD;gBACnDa,UAAU/C,gBAAgBmC;gBAC1Ba,SAASvC,aAAa0B;gBACtBc,SAAS7C;gBACT8C,SAAS7C;gBACT8C,QAAQ7C,cAAc6B;gBACtBC,WAAWA;gBACXzB,MAAMA;gBACL,GAAGE,QAAQ;;QAGlB;AAKV,EAAE"}

package/dist/cssm/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/cssm/components/CalendarHeader/CalendarHeader.js

@@ -1,7 +1,3 @@
-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';
@@ -13,124 +9,95 @@ import { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';
 import { CustomSelect } from '../CustomSelect/CustomSelect';
 import { Tappable } from '../Tappable/Tappable';
 import { Paragraph } from '../Typography/Paragraph/Paragraph';
-import "./CalendarHeader.module.css";
-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 styles from './CalendarHeader.module.css';
+export const CalendarHeader = ({ viewDate , onChange , prevMonth =true , nextMonth =true , disablePickers =false , onNextMonth , onPrevMonth , className , prevMonthProps ={} , nextMonthProps ={} , prevMonthAriaLabel ='Предыдущий месяц' , nextMonthAriaLabel ='Следующий месяц' , changeMonthAriaLabel ='Изменить месяц' , changeYearAriaLabel ='Изменить год' , prevMonthIcon =/*#__PURE__*/ React.createElement(Icon20ChevronLeftOutline, {
+    className: styles['CalendarHeader__nav-icon--accent'],
+    width: 30,
+    height: 30
+}) , nextMonthIcon =/*#__PURE__*/ React.createElement(Icon20ChevronRightOutline, {
+    className: styles['CalendarHeader__nav-icon--accent'],
+    width: 30,
+    height: 30
+})  })=>{
+    const { locale  } = useConfigProvider();
+    const onMonthsChange = React.useCallback((event)=>onChange(setMonth(viewDate, Number(event.target.value))), [
+        onChange,
+        viewDate
+    ]);
+    const onYearChange = React.useCallback((event)=>onChange(setYear(viewDate, Number(event.target.value))), [
+        onChange,
+        viewDate
+    ]);
+    const months = React.useMemo(()=>getMonths(locale).map(({ value , label  })=>({
+                value,
+                label: /*#__PURE__*/ React.createElement("span", {
+                    className: styles['CalendarHeader__month']
+                }, label)
+            })), [
+        locale
+    ]);
+    const currentYear = viewDate.getFullYear();
+    const years = React.useMemo(()=>getYears(currentYear, 100), [
+        currentYear
+    ]);
+    const 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)));
+    const { className: prevMonthClassName , ...restPrevMonthProps } = prevMonthProps;
+    const { className: nextMonthClassName , ...restNextMonthProps } = nextMonthProps;
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames(styles['CalendarHeader'], className)
+    }, prevMonth && /*#__PURE__*/ React.createElement(AdaptivityProvider, {
+        sizeX: SizeType.REGULAR
+    }, /*#__PURE__*/ React.createElement(Tappable, {
+        className: classNames(styles['CalendarHeader__nav-icon'], styles['CalendarHeader__nav-icon-prev'], prevMonthClassName),
+        onClick: onPrevMonth,
+        "aria-label": `${prevMonthAriaLabel}, ${formatter.format(subMonths(viewDate, 1))}`,
+        ...restPrevMonthProps
+    }, prevMonthIcon)), disablePickers ? /*#__PURE__*/ React.createElement(Paragraph, {
+        className: classNames(styles['CalendarHeader__pickers'], 'vkuiInternalCalendarHeader__pickers'),
+        weight: "2"
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: styles['CalendarHeader__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(styles['CalendarHeader__pickers'], 'vkuiInternalCalendarHeader__pickers')
+    }, /*#__PURE__*/ React.createElement(CustomSelect, {
+        className: classNames(styles['CalendarHeader__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(styles['CalendarHeader__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, {
+        className: classNames(styles['CalendarHeader__nav-icon'], styles['CalendarHeader__nav-icon-next'], nextMonthClassName),
+        onClick: onNextMonth,
+        "aria-label": `${nextMonthAriaLabel}, ${formatter.format(addMonths(viewDate, 1))}`,
+        ...restNextMonthProps
+    }, nextMonthIcon)));
 };
+
 //# sourceMappingURL=CalendarHeader.js.map

package/dist/cssm/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","styles","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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"}