npm - @vkontakte/vkui - Versions diffs - 5.1.2 → 5.2.1 - Mend

@vkontakte/vkui 5.1.2 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1245) hide show

package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","names":["ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","classNames","styles"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { ~~HasRootRef~~, ~~AlignType~~ } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: 'vertical' \| 'horizontal';\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: 'none' \| 'space' \| 's' \| 'm';\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n className,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n className={classNames(\n className,\n styles.ButtonGroup,\n styles[`ButtonGroup--mode-${mode}`],\n gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n stretched && styles['ButtonGroup--stretched'],\n align && styles[`ButtonGroup--align-${align}`],\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAA6C;AA2B7C;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,EACnBH,SAAS,qBAETI,MAAM,6BAAsBT,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIQ,MAAM,4BAAqBR,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIM,MAAM,8BAAuBN,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"ButtonGroup.js","names":["ButtonGroup","mode","gap","stretched","align","getRootRef","className","children","restProps","classNames","styles"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { AlignType, HasRootRef } from '../../types';\nimport styles from './ButtonGroup.module.css';\n\nexport interface ButtonGroupProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n /\n mode?: 'vertical' \| 'horizontal';\n /\n Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n /\n gap?: 'none' \| 'space' \| 's' \| 'm';\n /\n Растягивает компонент на всю ширину контейнера.\n \n Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n /\n stretched?: boolean;\n /\n Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n /\n align?: AlignType;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ButtonGroup\n /\nexport const ButtonGroup = ({\n mode = 'horizontal',\n gap = 'm',\n stretched = false,\n align = 'left' / NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n getRootRef,\n className,\n children,\n ...restProps\n}: ButtonGroupProps) => {\n return (\n <div\n className={classNames(\n className,\n styles.ButtonGroup,\n styles[`ButtonGroup--mode-${mode}`],\n gap !== 'none' && styles[`ButtonGroup--gap-${gap}`],\n stretched && styles['ButtonGroup--stretched'],\n align && styles[`ButtonGroup--align-${align}`],\n )}\n role=\"group\"\n ref={getRootRef}\n {...restProps}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAA6C;AA2B7C;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,qBARtBC,IAAI;IAAJA,IAAI,0BAAG,YAAY;IAAA,gBACnBC,GAAG;IAAHA,GAAG,yBAAG,GAAG;IAAA,sBACTC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,kBACjBC,KAAK;IAALA,KAAK,2BAAG,MAAM;IACdC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACTC,QAAQ,QAARA,QAAQ;IACLC,SAAS;EAEZ,oBACE;IACE,SAAS,EAAE,IAAAC,gBAAU,EACnBH,SAAS,qBAETI,MAAM,6BAAsBT,IAAI,EAAG,EACnCC,GAAG,KAAK,MAAM,IAAIQ,MAAM,4BAAqBR,GAAG,EAAG,EACnDC,SAAS,gCAAoC,EAC7CC,KAAK,IAAIM,MAAM,8BAAuBN,KAAK,EAAG,CAC9C;IACF,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEC;EAAW,GACZG,SAAS,GAEZD,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/Calendar/Calendar.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
+import { HasRootRef } from '../../types';
 import { CalendarDaysProps } from '../CalendarDays/CalendarDays';
+import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
 import { CalendarTimeProps } from '../CalendarTime/CalendarTime';
-import { HasRootRef } from '../../types';
 export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<CalendarTimeProps, 'changeHoursAriaLabel' | 'changeMinutesAriaLabel'>, Pick<CalendarHeaderProps, 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon' | 'prevMonthProps' | 'nextMonthProps'>, Pick<CalendarDaysProps, 'dayProps' | 'listenDayChangesForUpdate'>, HasRootRef<HTMLDivElement> {
     value?: Date;
     disablePast?: boolean;

package/dist/cjs/components/Calendar/Calendar.js CHANGED Viewed

@@ -9,15 +9,15 @@ exports.Calendar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
+var _vkjs = require("@vkontakte/vkjs");
+var _useCalendar2 = require("../../hooks/useCalendar");
+var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
-var _CalendarDays = require("../CalendarDays/CalendarDays");
-var _CalendarTime = require("../CalendarTime/CalendarTime");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _calendar = require("../../lib/calendar");
-var _useCalendar2 = require("../../hooks/useCalendar");
-var _vkjs = require("@vkontakte/vkjs");
 var _warnOnce = require("../../lib/warnOnce");
+var _CalendarDays = require("../CalendarDays/CalendarDays");
+var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
+var _CalendarTime = require("../CalendarTime/CalendarTime");
 var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps", "className", "listenDayChangesForUpdate"];
 var warn = (0, _warnOnce.warnOnce)('Calendar');

package/dist/cjs/components/Calendar/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Calendar.js","names":["warn","warnOnce","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","classNames","styles","isFirstDay","isLastDay"],"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isSameMonth, isSameDay } from '../../lib/date';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { navigateDate, setTimeEqual, isFirstDay, isLastDay } from '../../lib/calendar';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n }\n\n if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Calendar.js","names":["warn","warnOnce","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","className","listenDayChangesForUpdate","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","classNames","styles","isFirstDay","isLastDay"],"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport { isSameDay, isSameMonth } from '../../lib/date';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarTime, CalendarTimeProps } from '../CalendarTime/CalendarTime';\nimport styles from './Calendar.module.css';\n\nexport interface CalendarProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<CalendarTimeProps, 'changeHoursAriaLabel' \| 'changeMinutesAriaLabel'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n \| 'prevMonthProps'\n \| 'nextMonthProps'\n >,\n Pick<CalendarDaysProps, 'dayProps' \| 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Date;\n disablePast?: boolean;\n disableFuture?: boolean;\n enableTime?: boolean;\n disablePickers?: boolean;\n doneButtonText?: string;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n showNeighboringMonth?: boolean;\n size?: 's' \| 'm';\n onChange?(value?: Date): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n /*\n Дата отображаемого месяца.\n * При использовании обновление даты должно происходить вне компонента.\n /\n viewDate?: Date;\n /\n Изменение даты в шапке календаря.\n /\n onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce('Calendar');\n\n/\n @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n enableTime = false,\n doneButtonText,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n changeHoursAriaLabel,\n changeMinutesAriaLabel,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n showNeighboringMonth,\n changeDayAriaLabel = 'Изменить день',\n size = 'm',\n viewDate: externalViewDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n prevMonthIcon,\n nextMonthIcon,\n prevMonthProps,\n nextMonthProps,\n dayProps,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({\n value,\n disableFuture,\n disablePast,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n });\n\n useIsomorphicLayoutEffect(() => {\n if (value) {\n setViewDate(value);\n }\n }, [value]);\n\n if (process.env.NODE_ENV === 'development' && !disablePickers && size === 's') {\n warn(\"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\", 'error');\n }\n\n if (process.env.NODE_ENV === 'development' && enableTime && size === 's') {\n warn(\"Нельзя включить выбор времени, если размер календаря 's'\", 'error');\n }\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(setTimeEqual(date, value as Date \| undefined \| null));\n },\n [value, onChange],\n );\n\n const isDayActive = React.useCallback(\n (day: Date) => Boolean(value && isSameDay(day, value)),\n [value],\n );\n\n return (\n <div\n {...props}\n ref={getRootRef}\n className={classNames(styles['Calendar'], styles[`Calendar--size-${size}`], className)}\n >\n <CalendarHeader\n viewDate={externalViewDate \|\| viewDate}\n onChange={setViewDate}\n onNextMonth={setNextMonth}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers \|\| size === 's'}\n className={styles['Calendar__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n nextMonthIcon={nextMonthIcon}\n prevMonthProps={prevMonthProps}\n nextMonthProps={nextMonthProps}\n />\n <CalendarDays\n viewDate={externalViewDate \|\| viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n isDayFocused={isDayFocused}\n tabIndex={0}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n onDayChange={onDayChange}\n isDayActive={isDayActive}\n isDaySelectionStart={isFirstDay}\n isDaySelectionEnd={isLastDay}\n isDayDisabled={isDayDisabled}\n onBlur={resetSelectedDay}\n showNeighboringMonth={showNeighboringMonth}\n size={size}\n dayProps={dayProps}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n />\n {enableTime && value && size !== 's' && (\n <div className={styles['Calendar__time']}>\n <CalendarTime\n value={value}\n onChange={onChange}\n onClose={onClose}\n doneButtonText={doneButtonText}\n changeHoursAriaLabel={changeHoursAriaLabel}\n changeMinutesAriaLabel={changeMinutesAriaLabel}\n />\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cjs/components/CalendarDay/CalendarDay.js CHANGED Viewed

@@ -10,9 +10,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _Tappable = require("../Tappable/Tappable");
 var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
 var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _Tappable = require("../Tappable/Tappable");
 var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size", "className"];
 var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
   var day = _ref.day,

package/dist/cjs/components/CalendarDay/CalendarDay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDay.js","names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","useConfigProvider","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","classNames","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ~~Tappable,~~ ~~TappableElementProps~~ } from '~~../Tappable~~/~~Tappable~~';\nimport { ~~ENABLE_KEYBOARD_INPUT_EVENT_NAME~~ } from '~~../../hooks~~/~~useKeyboardInputTracker~~';\nimport { ~~useConfigProvider~~ } from '../~~ConfigProvider~~/~~ConfigProviderContext~~';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n TappableElementProps,\n 'onChange' \| 'size' \| 'disabled' \| 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: 's' \| 'm';\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n className,\n ...props\n }: CalendarDayProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div className={styles['CalendarDay__hidden']}></div>;\n }\n\n return (\n <Tappable\n className={classNames(\n styles['CalendarDay'],\n size && styles[`CalendarDay--size-${size}`],\n today && styles['CalendarDay--today'],\n selected && !disabled && styles['CalendarDay--selected'],\n active && !disabled && styles['CalendarDay--active'],\n selectionStart && styles['CalendarDay--selection-start'],\n selectionEnd && styles['CalendarDay--selection-end'],\n disabled && styles['CalendarDay--disabled'],\n !sameMonth && styles['CalendarDay--not-same-month'],\n className,\n )}\n hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? 'outside' : 'inside'}\n onEnter={handleEnter}\n onLeave={handleLeave}\n {...props}\n >\n <div\n className={classNames(\n styles['CalendarDay__hinted'],\n hinted && styles['CalendarDay__hinted--active'],\n hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n )}\n >\n <div\n className={classNames(\n styles['CalendarDay__inner'],\n active && !disabled && styles['CalendarDay__inner--active'],\n )}\n >\n <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;~~AAA4E~~;~~AA4BrE~~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"}
1	+ {"version":3,"file":"CalendarDay.js","names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","className","props","useConfigProvider","locale","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","classNames","styles","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from '../../hooks/useKeyboardInputTracker';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport styles from './CalendarDay.module.css';\n\nexport type CalendarDayElementProps = Omit<\n TappableElementProps,\n 'onChange' \| 'size' \| 'disabled' \| 'selected'\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n day: Date;\n today?: boolean;\n selected?: boolean;\n selectionStart?: boolean;\n selectionEnd?: boolean;\n hintedSelectionStart?: boolean;\n hintedSelectionEnd?: boolean;\n active?: boolean;\n hidden?: boolean;\n disabled?: boolean;\n focused?: boolean;\n hinted?: boolean;\n sameMonth?: boolean;\n size?: 's' \| 'm';\n onChange(value: Date): void;\n onEnter?(value: Date): void;\n onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n ({\n day,\n today,\n selected,\n onChange,\n hidden,\n disabled,\n active,\n selectionStart,\n selectionEnd,\n focused,\n onEnter,\n onLeave,\n hinted,\n hintedSelectionStart,\n hintedSelectionEnd,\n sameMonth,\n size,\n className,\n ...props\n }: CalendarDayProps) => {\n const { locale } = useConfigProvider();\n const ref = React.useRef<HTMLElement>(null);\n const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n React.useEffect(() => {\n if (focused && ref.current) {\n ref.current.dispatchEvent(new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true }));\n ref.current.focus();\n }\n }, [focused]);\n\n if (hidden) {\n return <div className={styles['CalendarDay__hidden']}></div>;\n }\n\n return (\n <Tappable\n className={classNames(\n styles['CalendarDay'],\n size && styles[`CalendarDay--size-${size}`],\n today && styles['CalendarDay--today'],\n selected && !disabled && styles['CalendarDay--selected'],\n active && !disabled && styles['CalendarDay--active'],\n selectionStart && styles['CalendarDay--selection-start'],\n selectionEnd && styles['CalendarDay--selection-end'],\n disabled && styles['CalendarDay--disabled'],\n !sameMonth && styles['CalendarDay--not-same-month'],\n className,\n )}\n hoverMode={active ? styles['CalendarDay--active-hover'] : styles['CalendarDay--hover']}\n hasActive={false}\n onClick={onClick}\n disabled={disabled}\n aria-label={new Intl.DateTimeFormat(locale, {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric',\n }).format(day)}\n tabIndex={-1}\n getRootRef={ref}\n focusVisibleMode={active ? 'outside' : 'inside'}\n onEnter={handleEnter}\n onLeave={handleLeave}\n {...props}\n >\n <div\n className={classNames(\n styles['CalendarDay__hinted'],\n hinted && styles['CalendarDay__hinted--active'],\n hintedSelectionStart && styles['CalendarDay__hinted--selection-start'],\n hintedSelectionEnd && styles['CalendarDay__hinted--selection-end'],\n )}\n >\n <div\n className={classNames(\n styles['CalendarDay__inner'],\n active && !disabled && styles['CalendarDay__inner--active'],\n )}\n >\n <div className={styles['CalendarDay__day-number']}>{day.getDate()}</div>\n </div>\n </div>\n </Tappable>\n );\n },\n);\n\nCalendarDay.displayName = 'CalendarDay';\n"],"mappings":"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"}

package/dist/cjs/components/CalendarDays/CalendarDays.js CHANGED Viewed

@@ -9,13 +9,13 @@ exports.CalendarDays = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
+var _vkjs = require("@vkontakte/vkjs");
+var _useTodayDate = require("../../hooks/useTodayDate");
+var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
 var _CalendarDay = require("../CalendarDay/CalendarDay");
-var _calendar = require("../../lib/calendar");
 var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
-var _vkjs = require("@vkontakte/vkjs");
 var _Footnote = require("../Typography/Footnote/Footnote");
-var _useTodayDate = require("../../hooks/useTodayDate");
 var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps", "className", "listenDayChangesForUpdate"];
 var CalendarDays = function CalendarDays(_ref) {
   var viewDate = _ref.viewDate,

package/dist/cjs/components/CalendarDays/CalendarDays.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarDays.js","names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","useConfigProvider","locale","ref","React","useRef","now","useTodayDate","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","classNames","styles","map","dayName","week","i","day","sameMonth","isSameMonth","toISOString","isSameDay"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~isSameDay,~~ ~~isSameMonth~~ } from '~~../../lib~~/~~date~~';\nimport { ~~CalendarDay,~~ ~~CalendarDayElementProps~~ } from '~~../CalendarDay~~/~~CalendarDay~~';\nimport { getDaysNames, getWeeks } from '../../lib/calendar';\nimport { ~~useConfigProvider~~ } from '~~../ConfigProvider~~/~~ConfigProviderContext~~';\nimport { ~~classNames~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { ~~Footnote~~ } from '../~~Typography~~/~~Footnote/Footnote~~';\nimport { ~~useTodayDate~~ } from '~~../../hooks~~/~~useTodayDate~~';\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":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AAAwD~~;~~AAyBjD~~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"}
1	+ {"version":3,"file":"CalendarDays.js","names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","className","listenDayChangesForUpdate","props","useConfigProvider","locale","ref","React","useRef","now","useTodayDate","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","classNames","styles","map","dayName","week","i","day","sameMonth","isSameMonth","toISOString","isSameDay"],"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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"}

package/dist/cjs/components/CalendarHeader/CalendarHeader.js CHANGED Viewed

@@ -9,16 +9,16 @@ exports.CalendarHeader = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _date = require("../../lib/date");
 var _icons = require("@vkontakte/icons");
-var _Tappable = require("../Tappable/Tappable");
 var _vkjs = require("@vkontakte/vkjs");
-var _CustomSelect = require("../CustomSelect/CustomSelect");
 var _adaptivity = require("../../lib/adaptivity");
 var _calendar = require("../../lib/calendar");
+var _date = require("../../lib/date");
+var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
 var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
+var _CustomSelect = require("../CustomSelect/CustomSelect");
+var _Tappable = require("../Tappable/Tappable");
 var _Paragraph = require("../Typography/Paragraph/Paragraph");
-var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
 var _excluded = ["className"],
   _excluded2 = ["className"];
 var CalendarHeader = function CalendarHeader(_ref) {

package/dist/cjs/components/CalendarHeader/CalendarHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarHeader.js","names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","useConfigProvider","locale","onMonthsChange","React","useCallback","event","setMonth","Number","target","value","onYearChange","setYear","months","useMemo","getMonths","map","label","currentYear","getFullYear","years","getYears","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","classNames","SizeType","REGULAR","format","subMonths","COMPACT","getMonth","addMonths"],"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { setMonth, setYear, subMonths, addMonths } from '../../lib/date';\nimport {\n Icon20ChevronLeftOutline,\n Icon20ChevronRightOutline,\n Icon12Dropdown,\n} from '@vkontakte/icons';\nimport { Tappable, TappableElementProps } from '../Tappable/Tappable';\nimport { classNames } from '@vkontakte/vkjs';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { SizeType } from '../../lib/adaptivity';\nimport { getMonths, getYears } from '../../lib/calendar';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\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  \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":";;;;;;;;;;AAAA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA8E;EAAA;AA8BvE,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OA6BA;EAAA,IA5BzBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,2BAChBC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IACtBC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,SAAS,QAATA,SAAS;IAAA,2BACTC,cAAc;IAAdA,cAAc,oCAAG,CAAC,CAAC;IAAA,2BACnBC,cAAc;IAAdA,cAAc,oCAAG,CAAC,CAAC;IAAA,6BACnBC,kBAAkB;IAAlBA,kBAAkB,sCAAG,kBAAkB;IAAA,6BACvCC,kBAAkB;IAAlBA,kBAAkB,sCAAG,iBAAiB;IAAA,6BACtCC,oBAAoB;IAApBA,oBAAoB,sCAAG,gBAAgB;IAAA,6BACvCC,mBAAmB;IAAnBA,mBAAmB,sCAAG,cAAc;IAAA,0BACpCC,aAAa;IAAbA,aAAa,gDACX,oBAAC,+BAAwB;MACvB,SAAS,wCAA6C;MACtD,KAAK,EAAE,EAAG;MACV,MAAM,EAAE;IAAG,EACX;IAAA,0BAEJC,aAAa;IAAbA,aAAa,gDACX,oBAAC,gCAAyB;MACxB,SAAS,wCAA6C;MACtD,KAAK,EAAE,EAAG;MACV,MAAM,EAAE;IAAG,EACX;EAGJ,yBAAmB,IAAAC,wCAAiB,GAAE;IAA9BC,MAAM,sBAANA,MAAM;EACd,IAAMC,cAAc,GAAGC,KAAK,CAACC,WAAW,CACtC,UAACC,KAA2C;IAAA,OAC1CpB,QAAQ,CAAC,IAAAqB,cAAQ,EAACtB,QAAQ,EAAEuB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EAAA,GAC1D,CAACxB,QAAQ,EAAED,QAAQ,CAAC,CACrB;EACD,IAAM0B,YAAY,GAAGP,KAAK,CAACC,WAAW,CACpC,UAACC,KAA2C;IAAA,OAC1CpB,QAAQ,CAAC,IAAA0B,aAAO,EAAC3B,QAAQ,EAAEuB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EAAA,GACzD,CAACxB,QAAQ,EAAED,QAAQ,CAAC,CACrB;EAED,IAAM4B,MAAM,GAAGT,KAAK,CAACU,OAAO,CAC1B;IAAA,OACE,IAAAC,mBAAS,EAACb,MAAM,CAAC,CAACc,GAAG,CAAC;MAAA,IAAGN,KAAK,SAALA,KAAK;QAAEO,KAAK,SAALA,KAAK;MAAA,OAAQ;QAC3CP,KAAK,EAALA,KAAK;QACLO,KAAK,eAAE;UAAM,SAAS;QAAkC,GAAEA,KAAK;MACjE,CAAC;IAAA,CAAC,CAAC;EAAA,GACL,CAACf,MAAM,CAAC,CACT;EAED,IAAMgB,WAAW,GAAGjC,QAAQ,CAACkC,WAAW,EAAE;EAE1C,IAAMC,KAAK,GAAGhB,KAAK,CAACU,OAAO,CAAC;IAAA,OAAM,IAAAO,kBAAQ,EAACH,WAAW,EAAE,GAAG,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EAE5E,IAAMI,SAAS,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACtB,MAAM,EAAE;IAChDuB,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACT,CAAC,CAAC;EAEF,IAAmBC,kBAAkB,GAA4BlC,cAAc,CAAvED,SAAS;IAAyBoC,kBAAkB,0CAAKnC,cAAc;EAC/E,IAAmBoC,kBAAkB,GAA4BnC,cAAc,CAAvEF,SAAS;IAAyBsC,kBAAkB,0CAAKpC,cAAc;EAE/E,oBACE;IAAK,SAAS,EAAE,IAAAqC,gBAAU,wBAA2BvC,SAAS;EAAE,GAC7DL,SAAS,iBACR,oBAAC,sCAAkB;IAAC,KAAK,EAAE6C,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,kBAAQ;IACP,SAAS,EAAE,IAAAF,gBAAU,uEAGnBJ,kBAAkB,CAClB;IACF,OAAO,EAAEpC,WAAY;IACrB,wBAAeI,kBAAkB,eAAK2B,SAAS,CAACY,MAAM,CAAC,IAAAC,eAAS,EAAClD,QAAQ,EAAE,CAAC,CAAC,CAAC;EAAG,GAC7E2C,kBAAkB,GAErB7B,aAAa,CACL,CAEd,EACAV,cAAc,gBACb,oBAAC,oBAAS;IAAC,SAAS,+BAAoC;IAAC,MAAM,EAAC;EAAG,gBACjE;IAAM,SAAS;EAAkC,GAC9C,IAAIkC,IAAI,CAACC,cAAc,CAACtB,MAAM,EAAE;IAC/BwB,KAAK,EAAE;EACT,CAAC,CAAC,CAACQ,MAAM,CAACjD,QAAQ,CAAC,CACd,QAEP,EAAC,IAAIsC,IAAI,CAACC,cAAc,CAACtB,MAAM,EAAE;IAC/BuB,IAAI,EAAE;EACR,CAAC,CAAC,CAACS,MAAM,CAACjD,QAAQ,CAAC,CACT,gBAEZ,oBAAC,sCAAkB;IAAC,KAAK,EAAE+C,oBAAQ,CAACI;EAAQ,gBAC1C;IAAK,SAAS;EAAoC,gBAChD,oBAAC,0BAAY;IACX,SAAS,8BAAmC;IAC5C,KAAK,EAAEnD,QAAQ,CAACoD,QAAQ,EAAG;IAC3B,OAAO,EAAExB,MAAO;IAChB,sBAAsB,EAAE,CAAE;IAC1B,gBAAgB,EAAE,KAAM;IACxB,IAAI,eAAE,oBAAC,qBAAc,OAAI;IACzB,QAAQ,EAAEV,cAAe;IACzB,mBAAmB,EAAE,KAAM;IAC3B,UAAU,EAAC,QAAQ;IACnB,cAAYN;EAAqB,EACjC,eACF,oBAAC,0BAAY;IACX,SAAS,8BAAmC;IAC5C,KAAK,EAAEZ,QAAQ,CAACkC,WAAW,EAAG;IAC9B,OAAO,EAAEC,KAAM;IACf,sBAAsB,EAAE,CAAE;IAC1B,gBAAgB,EAAE,KAAM;IACxB,IAAI,eAAE,oBAAC,qBAAc,OAAI;IACzB,QAAQ,EAAET,YAAa;IACvB,mBAAmB,EAAE,KAAM;IAC3B,UAAU,EAAC,QAAQ;IACnB,cAAYb;EAAoB,EAChC,CACE,CAET,EACAV,SAAS,iBACR,oBAAC,sCAAkB;IAAC,KAAK,EAAE4C,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,kBAAQ;IACP,SAAS,EAAE,IAAAF,gBAAU,uEAGnBF,kBAAkB,CAClB;IACF,OAAO,EAAEvC,WAAY;IACrB,wBAAeM,kBAAkB,eAAK0B,SAAS,CAACY,MAAM,CAAC,IAAAI,eAAS,EAACrD,QAAQ,EAAE,CAAC,CAAC,CAAC;EAAG,GAC7E6C,kBAAkB,GAErB9B,aAAa,CACL,CAEd,CACG;AAEV,CAAC;AAAC"}
1	+ {"version":3,"file":"CalendarHeader.js","names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","useConfigProvider","locale","onMonthsChange","React","useCallback","event","setMonth","Number","target","value","onYearChange","setYear","months","useMemo","getMonths","map","label","currentYear","getFullYear","years","getYears","formatter","Intl","DateTimeFormat","year","month","prevMonthClassName","restPrevMonthProps","nextMonthClassName","restNextMonthProps","classNames","SizeType","REGULAR","format","subMonths","COMPACT","getMonth","addMonths"],"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  \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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"}

package/dist/cjs/components/CalendarRange/CalendarRange.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
-import { CalendarDaysProps } from '../CalendarDays/CalendarDays';
 import { HasRootRef } from '../../types';
+import { CalendarDaysProps } from '../CalendarDays/CalendarDays';
+import { CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';
 export interface CalendarRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, Pick<CalendarHeaderProps, 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'prevMonthIcon' | 'nextMonthIcon'>, Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>, HasRootRef<HTMLDivElement> {
     value?: Array<Date | null>;
     disablePast?: boolean;

package/dist/cjs/components/CalendarRange/CalendarRange.js CHANGED Viewed

@@ -11,11 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
+var _useCalendar2 = require("../../hooks/useCalendar");
+var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
 var _CalendarDays = require("../CalendarDays/CalendarDays");
-var _calendar = require("../../lib/calendar");
-var _useCalendar2 = require("../../hooks/useCalendar");
+var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
 var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "weekStartsOn", "getRootRef", "disablePickers", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "prevMonthIcon", "nextMonthIcon", "className", "listenDayChangesForUpdate"];
 var getIsDaySelected = function getIsDaySelected(day, value) {
   if (!(value !== null && value !== void 0 && value[0]) || !value[1]) {

package/dist/cjs/components/CalendarRange/CalendarRange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarRange.js","names":["getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","useCalendar","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","addMonths","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","getNewValue","date","start","end","isSameDay","setTimeEqual","isBefore","isAfter","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isLastDay","isHintedDaySelectionEnd","isDaySelectionStart","isFirstDay","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","classNames"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport {\n addMonths,\n isSameMonth,\n isSameDay,\n isBefore,\n isAfter,\n startOfDay,\n endOfDay,\n isWithinInterval,\n} from '../../lib/date';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { navigateDate, setTimeEqual, isLastDay, isFirstDay } from '../../lib/calendar';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { HasRootRef } from '../../types';\nimport styles from './CalendarRange.module.css';\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n >,\n Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1])));\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = 'Изменить день',\n prevMonthIcon,\n nextMonthIcon,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarRangeProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue],\n );\n\n const isDaySelected = React.useCallback((day: Date) => getIsDaySelected(day, value), [value]);\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean((value?.[0] && isSameDay(day, value[0])) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (hintedDate?.[1] && isSameDay(day, hintedDate[1]))),\n [hintedDate],\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))),\n [value],\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (hintedDate?.[0] && isSameDay(day, hintedDate[0]))),\n [hintedDate],\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue],\n );\n\n const onDayLeave = React.useCallback(() => setHintedDate(undefined), [setHintedDate]);\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate],\n );\n\n return (\n <div {...props} ref={getRootRef} className={classNames(styles['CalendarRange'], className)}>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarRange.js","names":["getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","className","listenDayChangesForUpdate","props","useCalendar","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","addMonths","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","getNewValue","date","start","end","isSameDay","setTimeEqual","isBefore","isAfter","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isLastDay","isHintedDaySelectionEnd","isDaySelectionStart","isFirstDay","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","classNames"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n isSameMonth,\n isWithinInterval,\n startOfDay,\n} from '../../lib/date';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport styles from './CalendarRange.module.css';\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n >,\n Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1])));\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = 'Изменить день',\n prevMonthIcon,\n nextMonthIcon,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarRangeProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue],\n );\n\n const isDaySelected = React.useCallback((day: Date) => getIsDaySelected(day, value), [value]);\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean((value?.[0] && isSameDay(day, value[0])) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (hintedDate?.[1] && isSameDay(day, hintedDate[1]))),\n [hintedDate],\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))),\n [value],\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (hintedDate?.[0] && isSameDay(day, hintedDate[0]))),\n [hintedDate],\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue],\n );\n\n const onDayLeave = React.useCallback(() => setHintedDate(undefined), [setHintedDate]);\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate],\n );\n\n return (\n <div {...props} ref={getRootRef} className={classNames(styles['CalendarRange'], className)}>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAWA;AACA;AAAuF;AA2BvF,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,GAAS,EAAEC,KAA0B,EAAK;EAClE,IAAI,EAACA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAG,CAAC,CAAC,KAAI,CAACA,KAAK,CAAC,CAAC,CAAC,EAAE;IAC5B,OAAO,KAAK;EACd;EAEA,OAAOC,OAAO,CAAC,IAAAC,sBAAgB,EAACH,GAAG,EAAE,IAAAI,gBAAU,EAACH,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAAI,cAAQ,EAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACjF,CAAC;;AAED;AACA;AACA;AACO,IAAMK,aAAa,GAAG,SAAhBA,aAAa,OAoBA;EAAA,IAnBxBL,KAAK,QAALA,KAAK;IACLM,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,OAAO,QAAPA,OAAO;IAAA,yBACPC,YAAY;IAAZA,YAAY,kCAAG,CAAC;IAChBC,UAAU,QAAVA,UAAU;IACVC,cAAc,QAAdA,cAAc;IACdC,kBAAkB,QAAlBA,kBAAkB;IAClBC,kBAAkB,QAAlBA,kBAAkB;IAClBC,oBAAoB,QAApBA,oBAAoB;IACpBC,mBAAmB,QAAnBA,mBAAmB;IAAA,6BACnBC,kBAAkB;IAAlBA,kBAAkB,sCAAG,eAAe;IACpCC,aAAa,QAAbA,aAAa;IACbC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,yBAAyB,QAAzBA,yBAAyB;IACtBC,KAAK;EAER,mBAUI,IAAAC,yBAAW,EAAC;MAAExB,KAAK,EAALA,KAAK;MAAEQ,aAAa,EAAbA,aAAa;MAAED,WAAW,EAAXA,WAAW;MAAEE,iBAAiB,EAAjBA;IAAkB,CAAC,CAAC;IATvEgB,QAAQ,gBAARA,QAAQ;IACRC,WAAW,gBAAXA,WAAW;IACXC,YAAY,gBAAZA,YAAY;IACZC,YAAY,gBAAZA,YAAY;IACZC,UAAU,gBAAVA,UAAU;IACVC,aAAa,gBAAbA,aAAa;IACbC,YAAY,gBAAZA,YAAY;IACZC,aAAa,gBAAbA,aAAa;IACbC,gBAAgB,gBAAhBA,gBAAgB;EAElB,sBAAoCC,KAAK,CAACC,QAAQ,EAAsB;IAAA;IAAjEC,UAAU;IAAEC,aAAa;EAChC,IAAMC,cAAc,GAAG,IAAAC,eAAS,EAACd,QAAQ,EAAE,CAAC,CAAC;EAE7C,IAAMe,aAAa,GAAGN,KAAK,CAACO,WAAW,CACrC,UAACC,KAA0B,EAAK;IAC9B,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC3EF,KAAK,CAACG,cAAc,EAAE;IACxB;IAEA,IAAMC,aAAa,GAAG,IAAAC,sBAAY,EAAClB,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI7B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,EAAE0C,KAAK,CAACE,GAAG,CAAC;IAEvE,IACEE,aAAa,IACb,CAAC,IAAAE,iBAAW,EAACF,aAAa,EAAErB,QAAQ,CAAC,IACrC,CAAC,IAAAuB,iBAAW,EAACF,aAAa,EAAE,IAAAP,eAAS,EAACd,QAAQ,EAAE,CAAC,CAAC,CAAC,EACnD;MACAC,WAAW,CAACoB,aAAa,CAAC;IAC5B;IACAhB,aAAa,CAACgB,aAAa,CAAC;EAC9B,CAAC,EACD,CAACjB,UAAU,EAAEC,aAAa,EAAEJ,WAAW,EAAE1B,KAAK,EAAEyB,QAAQ,CAAC,CAC1D;EAED,IAAMwB,WAAW,GAAGf,KAAK,CAACO,WAAW,CACnC,UAACS,IAAU,EAAK;IACd,IAAI,CAAClD,KAAK,EAAE;MACV,OAAO,CAACkD,IAAI,EAAE,IAAI,CAAC;IACrB;IAEA,IAAMC,KAAK,GAAGnD,KAAK,CAAC,CAAC,CAAC;IACtB,IAAMoD,GAAG,GAAGpD,KAAK,CAAC,CAAC,CAAC;IACpB,IAAKmD,KAAK,IAAI,IAAAE,eAAS,EAACH,IAAI,EAAEC,KAAK,CAAC,IAAMC,GAAG,IAAI,IAAAC,eAAS,EAACH,IAAI,EAAEE,GAAG,CAAE,EAAE;MACtE,OAAO,CAAC,IAAAE,sBAAY,EAACJ,IAAI,EAAEC,KAAK,CAAC,EAAE,IAAAG,sBAAY,EAACJ,IAAI,EAAEE,GAAG,CAAC,CAAC;IAC7D,CAAC,MAAM,IAAID,KAAK,IAAI,IAAAI,cAAQ,EAACL,IAAI,EAAEC,KAAK,CAAC,EAAE;MACzC,OAAO,CAAC,IAAAG,sBAAY,EAACJ,IAAI,EAAEC,KAAK,CAAC,EAAEC,GAAG,CAAC;IACzC,CAAC,MAAM,IAAID,KAAK,IAAI,IAAAK,aAAO,EAACN,IAAI,EAAEC,KAAK,CAAC,EAAE;MACxC,OAAO,CAACA,KAAK,EAAE,IAAAG,sBAAY,EAACJ,IAAI,EAAEE,GAAG,CAAC,CAAC;IACzC;IAEA,OAAOpD,KAAK;EACd,CAAC,EACD,CAACA,KAAK,CAAC,CACR;EAED,IAAMyD,WAAW,GAAGvB,KAAK,CAACO,WAAW,CACnC,UAACS,IAAU,EAAK;IACd5C,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG2C,WAAW,CAACC,IAAI,CAAC,CAAC;IAC7Bb,aAAa,CAACqB,SAAS,CAAC;EAC1B,CAAC,EACD,CAACpD,QAAQ,EAAE2C,WAAW,CAAC,CACxB;EAED,IAAMU,aAAa,GAAGzB,KAAK,CAACO,WAAW,CAAC,UAAC1C,GAAS;IAAA,OAAKD,gBAAgB,CAACC,GAAG,EAAEC,KAAK,CAAC;EAAA,GAAE,CAACA,KAAK,CAAC,CAAC;EAE7F,IAAM4D,WAAW,GAAG1B,KAAK,CAACO,WAAW,CACnC,UAAC1C,GAAS;IAAA,OACRE,OAAO,CAAE,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAM,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;EAAA,GAC/F,CAACA,KAAK,CAAC,CACR;EAED,IAAM6D,iBAAiB,GAAG3B,KAAK,CAACO,WAAW,CACzC,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CAAC,IAAA8D,mBAAS,EAAChE,GAAG,EAAE+D,SAAS,CAAC,IAAK,CAAA9D,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;EAAA,GAChF,CAACA,KAAK,CAAC,CACR;EAED,IAAMgE,uBAAuB,GAAG9B,KAAK,CAACO,WAAW,CAC/C,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CAAC,IAAA8D,mBAAS,EAAChE,GAAG,EAAE+D,SAAS,CAAC,IAAK,CAAA1B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI,IAAAiB,eAAS,EAACtD,GAAG,EAAEqC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC;EAAA,GAC1F,CAACA,UAAU,CAAC,CACb;EAED,IAAM6B,mBAAmB,GAAG/B,KAAK,CAACO,WAAW,CAC3C,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CAAC,IAAAiE,oBAAU,EAACnE,GAAG,EAAE+D,SAAS,CAAC,IAAK,CAAA9D,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CAAC;EAAA,GACjF,CAACA,KAAK,CAAC,CACR;EAED,IAAMmE,yBAAyB,GAAGjC,KAAK,CAACO,WAAW,CACjD,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CAAC,IAAAiE,oBAAU,EAACnE,GAAG,EAAE+D,SAAS,CAAC,IAAK,CAAA1B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI,IAAAiB,eAAS,EAACtD,GAAG,EAAEqC,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC;EAAA,GAC3F,CAACA,UAAU,CAAC,CACb;EAED,IAAMgC,UAAU,GAAGlC,KAAK,CAACO,WAAW,CAClC,UAACS,IAAU;IAAA,OAAKb,aAAa,CAACY,WAAW,CAACC,IAAI,CAAC,CAAC;EAAA,GAChD,CAACb,aAAa,EAAEY,WAAW,CAAC,CAC7B;EAED,IAAMoB,UAAU,GAAGnC,KAAK,CAACO,WAAW,CAAC;IAAA,OAAMJ,aAAa,CAACqB,SAAS,CAAC;EAAA,GAAE,CAACrB,aAAa,CAAC,CAAC;EAErF,IAAMiC,WAAW,GAAGpC,KAAK,CAACO,WAAW,CACnC,UAAC1C,GAAS;IAAA,OAAKD,gBAAgB,CAACC,GAAG,EAAEqC,UAAU,CAAC;EAAA,GAChD,CAACA,UAAU,CAAC,CACb;EAED,oBACE,sDAASb,KAAK;IAAE,GAAG,EAAEX,UAAW;IAAC,SAAS,EAAE,IAAA2D,gBAAU,uBAA0BlD,SAAS;EAAE,iBACzF;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,8BAAc;IACb,QAAQ,EAAEI,QAAS;IACnB,QAAQ,EAAEC,WAAY;IACtB,SAAS,EAAE,KAAM;IACjB,WAAW,EAAEC,YAAa;IAC1B,cAAc,EAAEd,cAAe;IAC/B,SAAS,6BAAkC;IAC3C,kBAAkB,EAAEC,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAEE;EAAc,EAC7B,eACF,oBAAC,0BAAY;IACX,QAAQ,EAAEM,QAAS;IACnB,KAAK,EAAEzB,KAAM;IACb,YAAY,EAAEW,YAAa;IAC3B,SAAS,EAAE6B,aAAc;IACzB,YAAY,EAAET,YAAa;IAC3B,WAAW,EAAE0B,WAAY;IACzB,aAAa,EAAEE,aAAc;IAC7B,WAAW,EAAEC,WAAY;IACzB,iBAAiB,EAAEC,iBAAkB;IACrC,mBAAmB,EAAEI,mBAAoB;IACzC,WAAW,EAAEK,WAAY;IACzB,UAAU,EAAEF,UAAW;IACvB,UAAU,EAAEC,UAAW;IACvB,uBAAuB,EAAEL,uBAAwB;IACjD,yBAAyB,EAAEG,yBAA0B;IACrD,aAAa,EAAEnC,aAAc;IAC7B,yBAAyB,EAAEV,yBAA0B;IACrD,cAAYJ;EAAmB,EAC/B,CACE,eACN;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,8BAAc;IACb,QAAQ,EAAEoB,cAAe;IACzB,QAAQ,EAAEZ,WAAY;IACtB,SAAS,EAAE,KAAM;IACjB,WAAW,EAAEE,YAAa;IAC1B,cAAc,EAAEf,cAAe;IAC/B,SAAS,6BAAkC;IAC3C,kBAAkB,EAAEC,kBAAmB;IACvC,kBAAkB,EAAEC,kBAAmB;IACvC,oBAAoB,EAAEC,oBAAqB;IAC3C,mBAAmB,EAAEC,mBAAoB;IACzC,aAAa,EAAEG;EAAc,EAC7B,eACF,oBAAC,0BAAY;IACX,QAAQ,EAAEkB,cAAe;IACzB,KAAK,EAAEtC,KAAM;IACb,YAAY,EAAEW,YAAa;IAC3B,cAAYO,kBAAmB;IAC/B,SAAS,EAAEsB,aAAc;IACzB,YAAY,EAAET,YAAa;IAC3B,WAAW,EAAE0B,WAAY;IACzB,aAAa,EAAEE,aAAc;IAC7B,WAAW,EAAEC,WAAY;IACzB,iBAAiB,EAAEC,iBAAkB;IACrC,mBAAmB,EAAEI,mBAAoB;IACzC,WAAW,EAAEK,WAAY;IACzB,UAAU,EAAEF,UAAW;IACvB,UAAU,EAAEC,UAAW;IACvB,uBAAuB,EAAEL,uBAAwB;IACjD,yBAAyB,EAAEG,yBAA0B;IACrD,aAAa,EAAEnC,aAAc;IAC7B,yBAAyB,EAAEV,yBAA0B;IACrD,QAAQ,EAAE,CAAE;IACZ,MAAM,EAAEW;EAAiB,EACzB,CACE,CACF;AAEV,CAAC;AAAC"}

package/dist/cjs/components/CalendarTime/CalendarTime.js CHANGED Viewed

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CalendarTime = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _date = require("../../lib/date");
-var _CustomSelect = require("../CustomSelect/CustomSelect");
-var _Button = require("../Button/Button");
 var _adaptivity = require("../../lib/adaptivity");
+var _date = require("../../lib/date");
 var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
+var _Button = require("../Button/Button");
+var _CustomSelect = require("../CustomSelect/CustomSelect");
 var hours = [];
 for (var i = 0; i < 24; i += 1) {
   hours.push({

package/dist/cjs/components/CalendarTime/CalendarTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarTime.js","names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","SizeType","COMPACT","getHours","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~setHours,~~ ~~setMinutes~~ } from '../../lib/~~date~~';\nimport { ~~CustomSelect~~ } from '~~../CustomSelect~~/~~CustomSelect~~';\nimport { ~~Button~~ } from '../~~Button~~/~~Button~~';\nimport { ~~SizeType~~ } from '~~../../lib~~/~~adaptivity~~';\nimport { ~~AdaptivityProvider~~ } from '../~~AdaptivityProvider~~/~~AdaptivityProvider~~';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAYA,IAAMA,KAGJ,GAAG,EAAE;AACP,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,CAAC,EAAE;EAC9BD,KAAK,CAACE,IAAI,CAAC;IAAEC,KAAK,EAAEF,CAAC;IAAEG,KAAK,EAAEC,MAAM,CAACJ,CAAC,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG;EAAE,CAAC,CAAC;AAC7D;AAEA,IAAMC,OAGJ,GAAG,EAAE;AACP,KAAK,IAAIN,EAAC,GAAG,CAAC,EAAEA,EAAC,GAAG,EAAE,EAAEA,EAAC,IAAI,CAAC,EAAE;EAC9BM,OAAO,CAACL,IAAI,CAAC;IAAEC,KAAK,EAAEF,EAAC;IAAEG,KAAK,EAAEC,MAAM,CAACJ,EAAC,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG;EAAE,CAAC,CAAC;AAC/D;AAEO,IAAME,YAAY,GAAG,SAAfA,YAAY,OAOA;EAAA,IANvBL,KAAK,QAALA,KAAK;IAAA,2BACLM,cAAc;IAAdA,cAAc,oCAAG,QAAQ;IACzBC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,6BACPC,oBAAoB;IAApBA,oBAAoB,sCAAG,cAAc;IAAA,6BACrCC,sBAAsB;IAAtBA,sBAAsB,sCAAG,iBAAiB;EAE1C,IAAMC,aAAa,GAAGC,KAAK,CAACC,WAAW,CACrC,UAACC,KAA2C;IAAA,OAC1CP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,IAAAQ,cAAQ,EAACf,KAAK,EAAEgB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACjB,KAAK,CAAC,CAAC,CAAC;EAAA,GACzD,CAACO,QAAQ,EAAEP,KAAK,CAAC,CAClB;EACD,IAAMkB,eAAe,GAAGN,KAAK,CAACC,WAAW,CACvC,UAACC,KAA2C;IAAA,OAC1CP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,IAAAY,gBAAU,EAACnB,KAAK,EAAEgB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACjB,KAAK,CAAC,CAAC,CAAC;EAAA,GAC3D,CAACO,QAAQ,EAAEP,KAAK,CAAC,CAClB;EAED,oBACE;IAAK,SAAS;EAAyB,gBACrC;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEoB,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,0BAAY;IACX,KAAK,EAAErB,KAAK,CAACsB,QAAQ,EAAG;IACxB,OAAO,EAAEzB,KAAM;IACf,QAAQ,EAAEc,aAAc;IACxB,mBAAmB,EAAE,KAAM;IAC3B,cAAYF;EAAqB,EACjC,CACiB,CACjB,eACN;IAAK,SAAS;EAAkC,GAAC,GAAC,CAAM,eACxD;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEW,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,0BAAY;IACX,KAAK,EAAErB,KAAK,CAACuB,UAAU,EAAG;IAC1B,OAAO,EAAEnB,OAAQ;IACjB,QAAQ,EAAEc,eAAgB;IAC1B,mBAAmB,EAAE,KAAM;IAC3B,cAAYR;EAAuB,EACnC,CACiB,CACjB,eACN;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEU,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,cAAM;IAAC,IAAI,EAAC,WAAW;IAAC,OAAO,EAAEb,OAAQ;IAAC,IAAI,EAAC,GAAG;IAAC,cAAYF;EAAe,GAC5EA,cAAc,CACR,CACU,CACjB,CACF;AAEV,CAAC;AAAC"}
1	+ {"version":3,"file":"CalendarTime.js","names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","SizeType","COMPACT","getHours","getMinutes"],"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType } from '../../lib/adaptivity';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAYA,IAAMA,KAGJ,GAAG,EAAE;AACP,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,CAAC,EAAE;EAC9BD,KAAK,CAACE,IAAI,CAAC;IAAEC,KAAK,EAAEF,CAAC;IAAEG,KAAK,EAAEC,MAAM,CAACJ,CAAC,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG;EAAE,CAAC,CAAC;AAC7D;AAEA,IAAMC,OAGJ,GAAG,EAAE;AACP,KAAK,IAAIN,EAAC,GAAG,CAAC,EAAEA,EAAC,GAAG,EAAE,EAAEA,EAAC,IAAI,CAAC,EAAE;EAC9BM,OAAO,CAACL,IAAI,CAAC;IAAEC,KAAK,EAAEF,EAAC;IAAEG,KAAK,EAAEC,MAAM,CAACJ,EAAC,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAG;EAAE,CAAC,CAAC;AAC/D;AAEO,IAAME,YAAY,GAAG,SAAfA,YAAY,OAOA;EAAA,IANvBL,KAAK,QAALA,KAAK;IAAA,2BACLM,cAAc;IAAdA,cAAc,oCAAG,QAAQ;IACzBC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,6BACPC,oBAAoB;IAApBA,oBAAoB,sCAAG,cAAc;IAAA,6BACrCC,sBAAsB;IAAtBA,sBAAsB,sCAAG,iBAAiB;EAE1C,IAAMC,aAAa,GAAGC,KAAK,CAACC,WAAW,CACrC,UAACC,KAA2C;IAAA,OAC1CP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,IAAAQ,cAAQ,EAACf,KAAK,EAAEgB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACjB,KAAK,CAAC,CAAC,CAAC;EAAA,GACzD,CAACO,QAAQ,EAAEP,KAAK,CAAC,CAClB;EACD,IAAMkB,eAAe,GAAGN,KAAK,CAACC,WAAW,CACvC,UAACC,KAA2C;IAAA,OAC1CP,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG,IAAAY,gBAAU,EAACnB,KAAK,EAAEgB,MAAM,CAACF,KAAK,CAACG,MAAM,CAACjB,KAAK,CAAC,CAAC,CAAC;EAAA,GAC3D,CAACO,QAAQ,EAAEP,KAAK,CAAC,CAClB;EAED,oBACE;IAAK,SAAS;EAAyB,gBACrC;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEoB,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,0BAAY;IACX,KAAK,EAAErB,KAAK,CAACsB,QAAQ,EAAG;IACxB,OAAO,EAAEzB,KAAM;IACf,QAAQ,EAAEc,aAAc;IACxB,mBAAmB,EAAE,KAAM;IAC3B,cAAYF;EAAqB,EACjC,CACiB,CACjB,eACN;IAAK,SAAS;EAAkC,GAAC,GAAC,CAAM,eACxD;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEW,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,0BAAY;IACX,KAAK,EAAErB,KAAK,CAACuB,UAAU,EAAG;IAC1B,OAAO,EAAEnB,OAAQ;IACjB,QAAQ,EAAEc,eAAgB;IAC1B,mBAAmB,EAAE,KAAM;IAC3B,cAAYR;EAAuB,EACnC,CACiB,CACjB,eACN;IAAK,SAAS;EAAiC,gBAC7C,oBAAC,sCAAkB;IAAC,KAAK,EAAEU,oBAAQ,CAACC;EAAQ,gBAC1C,oBAAC,cAAM;IAAC,IAAI,EAAC,WAAW;IAAC,OAAO,EAAEb,OAAQ;IAAC,IAAI,EAAC,GAAG;IAAC,cAAYF;EAAe,GAC5EA,cAAc,CACR,CACU,CACjB,CACF;AAEV,CAAC;AAAC"}

package/dist/cjs/components/CardGrid/CardGrid.js CHANGED Viewed

@@ -8,11 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardGrid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _adaptivity = require("../../lib/adaptivity");
 var _excluded = ["children", "size", "spaced", "className"];
+var sizeXClassNames = (0, _defineProperty2.default)({
+  none: "vkuiCardGrid--sizeX-none"
+}, _adaptivity.SizeType.COMPACT, "vkuiCardGrid--sizeX-compact");
 /**
  * @see https://vkcom.github.io/VKUI/#/CardGrid
  */
@@ -25,9 +29,10 @@ var CardGrid = function CardGrid(_ref) {
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    sizeX = _useAdaptivity.sizeX;
+    _useAdaptivity$sizeX = _useAdaptivity.sizeX,
+    sizeX = _useAdaptivity$sizeX === void 0 ? 'none' : _useAdaptivity$sizeX;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiCardGrid", spaced && "vkuiCardGrid--spaced", styles["CardGrid--size-".concat(size)], (0, _getSizeXClassName.getSizeXClassName)("vkuiCardGrid", sizeX), className)
+    className: (0, _vkjs.classNames)("vkuiCardGrid", spaced && "vkuiCardGrid--spaced", styles["CardGrid--size-".concat(size)], sizeX !== _adaptivity.SizeType.REGULAR && sizeXClassNames[sizeX], className)
   }), children);
 };
 exports.CardGrid = CardGrid;

package/dist/cjs/components/CardGrid/CardGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardGrid.js","names":["CardGrid","children","size","spaced","className","restProps","useAdaptivity","sizeX","classNames","styles","~~getSizeXClassName~~"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ~~getSizeXClassName~~ } from '../../~~helpers~~/~~getSizeXClassName~~';\nimport { ~~useAdaptivity~~ } from '../../~~hooks~~/~~useAdaptivity~~';\nimport styles from './CardGrid.module.css';\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n size?: 's' \| 'm' \| 'l';\n /*\n Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n /\n spaced?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = ({\n children,\n size = 's',\n spaced = false,\n className,\n ...restProps\n}: CardGridProps) => {\n const { sizeX } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['CardGrid'],\n spaced && styles['CardGrid--spaced'],\n styles[`CardGrid--size-${size}`],\n ~~getSizeXClassName(styles~~[~~'CardGrid'~~]~~, sizeX)~~,\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"mappings":"~~;;;;;;;;;;~~AAAA;AACA;AACA;AACA;~~AAA0D~~;~~AAW1D~~;AACA;AACA;AACO,~~IAAMA~~,QAAQ,GAAG,SAAXA,QAAQ,OAMA;EAAA,IALnBC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IAAA,mBACVC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,~~qBAAkB~~,IAAAC,6BAAa,GAAE;~~IAAzBC~~,KAAK,~~kBAALA~~,~~KAAK~~;~~EAEb~~,oBACE,sDACMF,SAAS;IACb,SAAS,EAAE,IAAAG,gBAAU,kBAEnBL,MAAM,0BAA8B,EACpCM,MAAM,0BAAmBP,IAAI,EAAG,~~EAChC~~,~~IAAAQ~~,~~oCAAiB~~,~~kBAAqBH~~,KAAK,CAAC,~~EAC5CH~~,SAAS;EACT,IAEDH,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
1	+ {"version":3,"file":"CardGrid.js","names":["sizeXClassNames","none","SizeType","COMPACT","CardGrid","children","size","spaced","className","restProps","useAdaptivity","sizeX","classNames","styles","REGULAR"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport styles from './CardGrid.module.css';\n\nconst sizeXClassNames = {\n none: styles['CardGrid--sizeX-none'],\n [SizeType.COMPACT]: styles['CardGrid--sizeX-compact'],\n};\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n size?: 's' \| 'm' \| 'l';\n /*\n Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n /\n spaced?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = ({\n children,\n size = 's',\n spaced = false,\n className,\n ...restProps\n}: CardGridProps) => {\n const { sizeX = 'none' } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['CardGrid'],\n spaced && styles['CardGrid--spaced'],\n styles[`CardGrid--size-${size}`],\n sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAAgD;AAGhD,IAAMA,eAAe;EACnBC,IAAI;AAAgC,GACnCC,oBAAQ,CAACC,OAAO,gCAClB;AAUD;AACA;AACA;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,OAMA;EAAA,IALnBC,QAAQ,QAARA,QAAQ;IAAA,iBACRC,IAAI;IAAJA,IAAI,0BAAG,GAAG;IAAA,mBACVC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EAEtB,oBACE,sDACMF,SAAS;IACb,SAAS,EAAE,IAAAG,gBAAU,kBAEnBL,MAAM,0BAA8B,EACpCM,MAAM,0BAAmBP,IAAI,EAAG,EAChCK,KAAK,KAAKT,oBAAQ,CAACY,OAAO,IAAId,eAAe,CAACW,KAAK,CAAC,EACpDH,SAAS;EACT,IAEDH,QAAQ,CACL;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/CardScroll/CardScroll.js CHANGED Viewed

@@ -11,10 +11,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _getSizeXClassName = require("../../helpers/getSizeXClassName");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
 var _dom = require("../../lib/dom");
+var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
 var _excluded = ["children", "size", "showArrows", "withSpaces", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/CardScroll
@@ -29,8 +27,6 @@ var CardScroll = function CardScroll(_ref) {
     withSpaces = _ref$withSpaces === void 0 ? true : _ref$withSpaces,
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    sizeX = _useAdaptivity.sizeX;
   var refContainer = React.useRef(null);
   var gapRef = React.useRef(null);
   var _useDOM = (0, _dom.useDOM)(),
@@ -70,7 +66,7 @@ var CardScroll = function CardScroll(_ref) {
     return slide.offsetLeft - gapRef.current.offsetWidth;
   }
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiCardScroll", (0, _getSizeXClassName.getSizeXClassName)("vkuiCardScroll", sizeX), styles["CardScroll--size-".concat(size)], withSpaces && "vkuiCardScroll--withSpaces", className)
+    className: (0, _vkjs.classNames)("vkuiCardScroll", styles["CardScroll--size-".concat(size)], withSpaces && "vkuiCardScroll--withSpaces", className)
   }), /*#__PURE__*/React.createElement(_HorizontalScroll.HorizontalScroll, {
     getScrollToLeft: getScrollToLeft,
     getScrollToRight: getScrollToRight,