@vkontakte/vkui 5.0.3 → 5.1.0

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

@@ -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","classNamesString","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 { classNamesString } from \"../../lib/classNames\";\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 } =\n    prevMonthProps;\n  const { className: nextMonthClassName, ...restNextMonthProps } =\n    nextMonthProps;\n\n  return (\n    <div className={classNamesString(styles[\"CalendarHeader\"], className)}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNamesString(\n              styles[\"CalendarHeader__nav-icon\"],\n              styles[\"CalendarHeader__nav-icon-prev\"],\n              prevMonthClassName\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n              subMonths(viewDate, 1)\n            )}`}\n            {...restPrevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph className={styles[\"CalendarHeader__pickers\"]} weight=\"2\">\n          <span className={styles[\"CalendarHeader__month\"]}>\n            {new Intl.DateTimeFormat(locale, {\n              month: \"long\",\n            }).format(viewDate)}\n          </span>\n          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: \"numeric\",\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div className={styles[\"CalendarHeader__pickers\"]}>\n            <CustomSelect\n              className={styles[\"CalendarHeader__picker\"]}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={styles[\"CalendarHeader__picker\"]}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNamesString(\n              styles[\"CalendarHeader__nav-icon\"],\n              styles[\"CalendarHeader__nav-icon-next\"],\n              nextMonthClassName\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n              addMonths(viewDate, 1)\n            )}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"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          &nbsp;\n          {new Intl.DateTimeFormat(locale, {\n            year: 'numeric',\n          }).format(viewDate)}\n        </Paragraph>\n      ) : (\n        <AdaptivityProvider sizeY={SizeType.COMPACT}>\n          <div className={styles['CalendarHeader__pickers']}>\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getMonth()}\n              options={months}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onMonthsChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeMonthAriaLabel}\n            />\n            <CustomSelect\n              className={styles['CalendarHeader__picker']}\n              value={viewDate.getFullYear()}\n              options={years}\n              dropdownOffsetDistance={4}\n              fixDropdownWidth={false}\n              icon={<Icon12Dropdown />}\n              onChange={onYearChange}\n              forceDropdownPortal={false}\n              selectType=\"accent\"\n              aria-label={changeYearAriaLabel}\n            />\n          </div>\n        </AdaptivityProvider>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            className={classNames(\n              styles['CalendarHeader__nav-icon'],\n              styles['CalendarHeader__nav-icon-next'],\n              nextMonthClassName,\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(addMonths(viewDate, 1))}`}\n            {...restNextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

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

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

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _date = require("../../lib/date");
 var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
 var _CalendarDays = require("../CalendarDays/CalendarDays");
@@ -43,7 +43,7 @@ var CalendarRange = function CalendarRange(_ref) {
     changeMonthAriaLabel = _ref.changeMonthAriaLabel,
     changeYearAriaLabel = _ref.changeYearAriaLabel,
     _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
+    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
     prevMonthIcon = _ref.prevMonthIcon,
     nextMonthIcon = _ref.nextMonthIcon,
     className = _ref.className,
@@ -70,7 +70,7 @@ var CalendarRange = function CalendarRange(_ref) {
     setHintedDate = _React$useState2[1];
   var secondViewDate = (0, _date.addMonths)(viewDate, 1);
   var handleKeyDown = React.useCallback(function (event) {
-    if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key)) {
+    if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {
       event.preventDefault();
     }
     var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value === null || value === void 0 ? void 0 : value[1], event.key);
@@ -127,7 +127,7 @@ var CalendarRange = function CalendarRange(_ref) {
   }, [hintedDate]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)("vkuiCalendarRange", className)
+    className: (0, _vkjs.classNames)("vkuiCalendarRange", className)
   }), /*#__PURE__*/React.createElement("div", {
     className: "vkuiCalendarRange__inner"
   }, /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {

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

@@ -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","classNamesString"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport {\n  addMonths,\n  isSameMonth,\n  isSameDay,\n  isBefore,\n  isAfter,\n  startOfDay,\n  endOfDay,\n  isWithinInterval,\n} from \"../../lib/date\";\nimport {\n  CalendarHeader,\n  CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays, CalendarDaysProps } from \"../CalendarDays/CalendarDays\";\nimport {\n  navigateDate,\n  setTimeEqual,\n  isLastDay,\n  isFirstDay,\n} 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(\n    isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1]))\n  );\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 (\n        [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n      ) {\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(\n    (day: Date) => getIsDaySelected(day, value),\n    [value]\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) =>\n      Boolean(\n        (value?.[0] && isSameDay(day, value[0])) ||\n          (value?.[1] && isSameDay(day, value[1]))\n      ),\n    [value]\n  );\n\n  const isDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isLastDay(day, dayOfWeek) || (value?.[1] && isSameDay(day, value[1]))\n      ),\n    [value]\n  );\n\n  const isHintedDaySelectionEnd = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isLastDay(day, dayOfWeek) ||\n          (hintedDate?.[1] && isSameDay(day, hintedDate[1]))\n      ),\n    [hintedDate]\n  );\n\n  const isDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isFirstDay(day, dayOfWeek) || (value?.[0] && isSameDay(day, value[0]))\n      ),\n    [value]\n  );\n\n  const isHintedDaySelectionStart = React.useCallback(\n    (day: Date, dayOfWeek: number) =>\n      Boolean(\n        isFirstDay(day, dayOfWeek) ||\n          (hintedDate?.[0] && isSameDay(day, hintedDate[0]))\n      ),\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(\n    () => setHintedDate(undefined),\n    [setHintedDate]\n  );\n\n  const isDayHinted = React.useCallback(\n    (day: Date) => getIsDaySelected(day, hintedDate),\n    [hintedDate]\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      className={classNamesString(styles[\"CalendarRange\"], className)}\n    >\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;AAUA;AAIA;AACA;AAMA;AAAsD;AA4BtD,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,CACZ,IAAAC,sBAAgB,EAACH,GAAG,EAAE,IAAAI,gBAAU,EAACH,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAAI,cAAQ,EAACJ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAChE;AACH,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,IACE,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EACvE;MACAF,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,CACrC,UAAC1C,GAAS;IAAA,OAAKD,gBAAgB,CAACC,GAAG,EAAEC,KAAK,CAAC;EAAA,GAC3C,CAACA,KAAK,CAAC,CACR;EAED,IAAM4D,WAAW,GAAG1B,KAAK,CAACO,WAAW,CACnC,UAAC1C,GAAS;IAAA,OACRE,OAAO,CACJ,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAC,IACpC,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC,CAAC,KAAI,IAAAqD,eAAS,EAACtD,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAE,CAC3C;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAM6D,iBAAiB,GAAG3B,KAAK,CAACO,WAAW,CACzC,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CACL,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,CACtE;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAMgE,uBAAuB,GAAG9B,KAAK,CAACO,WAAW,CAC/C,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CACL,IAAA8D,mBAAS,EAAChE,GAAG,EAAE+D,SAAS,CAAC,IACtB,CAAA1B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI,IAAAiB,eAAS,EAACtD,GAAG,EAAEqC,UAAU,CAAC,CAAC,CAAC,CAAE,CACrD;EAAA,GACH,CAACA,UAAU,CAAC,CACb;EAED,IAAM6B,mBAAmB,GAAG/B,KAAK,CAACO,WAAW,CAC3C,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CACL,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,CACvE;EAAA,GACH,CAACA,KAAK,CAAC,CACR;EAED,IAAMmE,yBAAyB,GAAGjC,KAAK,CAACO,WAAW,CACjD,UAAC1C,GAAS,EAAE+D,SAAiB;IAAA,OAC3B7D,OAAO,CACL,IAAAiE,oBAAU,EAACnE,GAAG,EAAE+D,SAAS,CAAC,IACvB,CAAA1B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG,CAAC,CAAC,KAAI,IAAAiB,eAAS,EAACtD,GAAG,EAAEqC,UAAU,CAAC,CAAC,CAAC,CAAE,CACrD;EAAA,GACH,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,CAClC;IAAA,OAAMJ,aAAa,CAACqB,SAAS,CAAC;EAAA,GAC9B,CAACrB,aAAa,CAAC,CAChB;EAED,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,sDACMb,KAAK;IACT,GAAG,EAAEX,UAAW;IAChB,SAAS,EAAE,IAAA2D,4BAAgB,uBAA0BlD,SAAS;EAAE,iBAEhE;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"}
+{"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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"}

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

@@ -15,26 +15,26 @@ var hours = [];
 for (var i = 0; i < 24; i += 1) {
   hours.push({
     value: i,
-    label: String(i).padStart(2, "0")
+    label: String(i).padStart(2, '0')
   });
 }
 var minutes = [];
 for (var _i = 0; _i < 60; _i += 1) {
   minutes.push({
     value: _i,
-    label: String(_i).padStart(2, "0")
+    label: String(_i).padStart(2, '0')
   });
 }
 var CalendarTime = function CalendarTime(_ref) {
   var value = _ref.value,
     _ref$doneButtonText = _ref.doneButtonText,
-    doneButtonText = _ref$doneButtonText === void 0 ? "Готово" : _ref$doneButtonText,
+    doneButtonText = _ref$doneButtonText === void 0 ? 'Готово' : _ref$doneButtonText,
     onChange = _ref.onChange,
     onClose = _ref.onClose,
     _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
-    changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? "Изменить час" : _ref$changeHoursAriaL,
+    changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? 'Изменить час' : _ref$changeHoursAriaL,
     _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
-    changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? "Изменить минуту" : _ref$changeMinutesAri;
+    changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? 'Изменить минуту' : _ref$changeMinutesAri;
   var onHoursChange = React.useCallback(function (event) {
     return onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setHours)(value, Number(event.target.value)));
   }, [onChange, value]);

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

@@ -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\n            mode=\"secondary\"\n            onClick={onClose}\n            size=\"l\"\n            aria-label={doneButtonText}\n          >\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,OAAQ,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;IACL,IAAI,EAAC,WAAW;IAChB,OAAO,EAAEb,OAAQ;IACjB,IAAI,EAAC,GAAG;IACR,cAAYF;EAAe,GAE1BA,cAAc,CACR,CACU,CACjB,CACF;AAEV,CAAC;AAAC"}
+{"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"}

package/dist/cjs/components/Card/Card.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { HasRootRef } from "../../types";
+import * as React from 'react';
+import { HasRootRef } from '../../types';
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
-    mode?: "tint" | "shadow" | "outline";
+    mode?: 'tint' | 'shadow' | 'outline';
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Card

package/dist/cjs/components/Card/Card.js

@@ -9,21 +9,21 @@ exports.Card = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _excluded = ["mode", "children", "getRootRef", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/Card
  */
 var Card = function Card(_ref) {
   var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "tint" : _ref$mode,
+    mode = _ref$mode === void 0 ? 'tint' : _ref$mode,
     children = _ref.children,
     getRootRef = _ref.getRootRef,
     className = _ref.className,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    className: (0, _classNames.classNamesString)("vkuiCard", styles["Card--mode-".concat(mode)], className)
+    className: (0, _vkjs.classNames)("vkuiCard", styles["Card--mode-".concat(mode)], className)
   }), /*#__PURE__*/React.createElement("div", {
     className: "vkuiCard__in"
   }, children));

package/dist/cjs/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","className","restProps","classNamesString","styles"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport styles from \"./Card.module.css\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"tint\" | \"shadow\" | \"outline\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n  mode = \"tint\",\n  children,\n  getRootRef,\n  className,\n  ...restProps\n}: CardProps) => {\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNamesString(\n        styles[\"Card\"],\n        styles[`Card--mode-${mode}`],\n        className\n      )}\n    >\n      <div className={styles[\"Card__in\"]}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAAwD;AAUxD;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAMA;EAAA,qBALfC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,sDACMA,SAAS;IACb,GAAG,EAAEF,UAAW;IAChB,SAAS,EAAE,IAAAG,4BAAgB,cAEzBC,MAAM,sBAAeN,IAAI,EAAG,EAC5BG,SAAS;EACT,iBAEF;IAAK,SAAS;EAAqB,GAAEF,QAAQ,CAAO,CAChD;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}
+{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","className","restProps","classNames","styles"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport styles from './Card.module.css';\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'tint' | 'shadow' | 'outline';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n  mode = 'tint',\n  children,\n  getRootRef,\n  className,\n  ...restProps\n}: CardProps) => {\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNames(styles['Card'], styles[`Card--mode-${mode}`], className)}\n    >\n      <div className={styles['Card__in']}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAA6C;AAU7C;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAMA;EAAA,qBALfC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,sDACMA,SAAS;IACb,GAAG,EAAEF,UAAW;IAChB,SAAS,EAAE,IAAAG,gBAAU,cAAiBC,MAAM,sBAAeN,IAAI,EAAG,EAAEG,SAAS;EAAE,iBAE/E;IAAK,SAAS;EAAqB,GAAEF,QAAQ,CAAO,CAChD;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/components/CardGrid/CardGrid.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from 'react';
 export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: "s" | "m" | "l";
+    size?: 's' | 'm' | 'l';
     /**
      * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа
      */

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

@@ -9,7 +9,7 @@ exports.CardGrid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _excluded = ["children", "size", "spaced", "className"];
@@ -19,7 +19,7 @@ var _excluded = ["children", "size", "spaced", "className"];
 var CardGrid = function CardGrid(_ref) {
   var children = _ref.children,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "s" : _ref$size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
     _ref$spaced = _ref.spaced,
     spaced = _ref$spaced === void 0 ? false : _ref$spaced,
     className = _ref.className,
@@ -27,7 +27,7 @@ var CardGrid = function CardGrid(_ref) {
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
     sizeX = _useAdaptivity.sizeX;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)("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)], (0, _getSizeXClassName.getSizeXClassName)("vkuiCardGrid", sizeX), className)
   }), children);
 };
 exports.CardGrid = CardGrid;

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

@@ -1 +1 @@
-{"version":3,"file":"CardGrid.js","names":["CardGrid","children","size","spaced","className","restProps","useAdaptivity","sizeX","classNamesString","styles","getSizeXClassName"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\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={classNamesString(\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,4BAAgB,kBAEzBL,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"}
+{"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"}

package/dist/cjs/components/CardScroll/CardScroll.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
+import * as React from 'react';
+import { HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';
 export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.
      */
-    size?: "s" | "m" | "l" | false;
-    showArrows?: HorizontalScrollProps["showArrows"];
+    size?: 's' | 'm' | 'l' | false;
+    showArrows?: HorizontalScrollProps['showArrows'];
     withSpaces?: boolean;
 }
 /**

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

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
+var _vkjs = require("@vkontakte/vkjs");
 var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
@@ -22,7 +22,7 @@ var _excluded = ["children", "size", "showArrows", "withSpaces", "className"];
 var CardScroll = function CardScroll(_ref) {
   var children = _ref.children,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "s" : _ref$size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
     _ref$showArrows = _ref.showArrows,
     showArrows = _ref$showArrows === void 0 ? true : _ref$showArrows,
     _ref$withSpaces = _ref.withSpaces,
@@ -70,7 +70,7 @@ var CardScroll = function CardScroll(_ref) {
     return slide.offsetLeft - gapRef.current.offsetWidth;
   }
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    className: (0, _classNames.classNamesString)("vkuiCardScroll", (0, _getSizeXClassName.getSizeXClassName)("vkuiCardScroll", sizeX), styles["CardScroll--size-".concat(size)], withSpaces && "vkuiCardScroll--withSpaces", className)
+    className: (0, _vkjs.classNames)("vkuiCardScroll", (0, _getSizeXClassName.getSizeXClassName)("vkuiCardScroll", sizeX), styles["CardScroll--size-".concat(size)], withSpaces && "vkuiCardScroll--withSpaces", className)
   }), /*#__PURE__*/React.createElement(_HorizontalScroll.HorizontalScroll, {
     getScrollToLeft: getScrollToLeft,
     getScrollToRight: getScrollToRight,

package/dist/cjs/components/CardScroll/CardScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardScroll.js","names":["CardScroll","children","size","showArrows","withSpaces","className","restProps","useAdaptivity","sizeX","refContainer","React","useRef","gapRef","useDOM","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","classNamesString","getSizeXClassName","styles"],"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport { useDOM } from \"../../lib/dom\";\nimport styles from \"./CardScroll.module.css\";\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: \"s\" | \"m\" | \"l\" | false;\n  showArrows?: HorizontalScrollProps[\"showArrows\"];\n  withSpaces?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = \"s\",\n  showArrows = true,\n  withSpaces = true,\n  className,\n  ...restProps\n}: CardScrollProps) => {\n  const { sizeX } = useAdaptivity();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = (\n      [...refContainer.current.children] as HTMLElement[]\n    ).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft -\n      (containerWidth - slide.offsetWidth) +\n      gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) =>\n        el.offsetLeft + el.offsetWidth - offset > containerWidth\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNamesString(\n        styles[\"CardScroll\"],\n        getSizeXClassName(styles[\"CardScroll\"], sizeX),\n        styles[`CardScroll--size-${size}`],\n        withSpaces && styles[\"CardScroll--withSpaces\"],\n        className\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div className={styles[\"CardScroll__in\"]} ref={refContainer}>\n          <span className={styles[\"CardScroll__gap\"]} ref={gapRef} />\n          {children}\n          <span className={styles[\"CardScroll__gap\"]} />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"CardScroll.js","names":["CardScroll","children","size","showArrows","withSpaces","className","restProps","useAdaptivity","sizeX","refContainer","React","useRef","gapRef","useDOM","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","classNames","getSizeXClassName","styles"],"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getSizeXClassName } from '../../helpers/getSizeXClassName';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { HorizontalScroll, HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';\nimport { useDOM } from '../../lib/dom';\nimport styles from './CardScroll.module.css';\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.\n   */\n  size?: 's' | 'm' | 'l' | false;\n  showArrows?: HorizontalScrollProps['showArrows'];\n  withSpaces?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardScroll\n */\nexport const CardScroll = ({\n  children,\n  size = 's',\n  showArrows = true,\n  withSpaces = true,\n  className,\n  ...restProps\n}: CardScrollProps) => {\n  const { sizeX } = useAdaptivity();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = ([...refContainer.current.children] as HTMLElement[]).findIndex(\n      (el: HTMLElement) =>\n        el.offsetLeft +\n          el.offsetWidth +\n          parseInt(window!.getComputedStyle(el).marginRight) -\n          offset >=\n        0,\n    );\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo =\n      slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    if (!refContainer.current || !gapRef.current) {\n      return offset;\n    }\n\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth,\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={classNames(\n        styles['CardScroll'],\n        getSizeXClassName(styles['CardScroll'], sizeX),\n        styles[`CardScroll--size-${size}`],\n        withSpaces && styles['CardScroll--withSpaces'],\n        className,\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div className={styles['CardScroll__in']} ref={refContainer}>\n          <span className={styles['CardScroll__gap']} ref={gapRef} />\n          {children}\n          <span className={styles['CardScroll__gap']} />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/Cell/Cell.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { SimpleCellProps } from "../SimpleCell/SimpleCell";
-import { HasRootRef } from "../../types";
-import { RemovableProps } from "../Removable/Removable";
-export interface CellProps extends Omit<SimpleCellProps, "getRootRef">, RemovableProps, HasRootRef<HTMLDivElement> {
-    mode?: "removable" | "selectable";
+import { SimpleCellProps } from '../SimpleCell/SimpleCell';
+import { HasRootRef } from '../../types';
+import { RemovableProps } from '../Removable/Removable';
+export interface CellProps extends Omit<SimpleCellProps, 'getRootRef'>, RemovableProps, HasRootRef<HTMLDivElement> {
+    mode?: 'removable' | 'selectable';
     /**
      * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет
      */

package/dist/cjs/components/Cell/Cell.js

@@ -9,8 +9,7 @@ exports.Cell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames = require("../../lib/classNames");
-var _utils = require("../../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _platform = require("../../lib/platform");
 var _SimpleCell = require("../SimpleCell/SimpleCell");
 var _Removable = require("../Removable/Removable");
@@ -28,9 +27,9 @@ var _excluded = ["mode", "onRemove", "removePlaceholder", "onDragFinish", "befor
 var Cell = function Cell(_ref) {
   var mode = _ref.mode,
     _ref$onRemove = _ref.onRemove,
-    _onRemove = _ref$onRemove === void 0 ? _utils.noop : _ref$onRemove,
+    _onRemove = _ref$onRemove === void 0 ? _vkjs.noop : _ref$onRemove,
     _ref$removePlaceholde = _ref.removePlaceholder,
-    removePlaceholder = _ref$removePlaceholde === void 0 ? "Удалить" : _ref$removePlaceholde,
+    removePlaceholder = _ref$removePlaceholde === void 0 ? 'Удалить' : _ref$removePlaceholde,
     onDragFinish = _ref.onDragFinish,
     before = _ref.before,
     after = _ref.after,
@@ -44,12 +43,12 @@ var Cell = function Cell(_ref) {
     defaultChecked = _ref.defaultChecked,
     getRootRef = _ref.getRootRef,
     _ref$draggerLabel = _ref.draggerLabel,
-    draggerLabel = _ref$draggerLabel === void 0 ? "Перенести ячейку" : _ref$draggerLabel,
+    draggerLabel = _ref$draggerLabel === void 0 ? 'Перенести ячейку' : _ref$draggerLabel,
     className = _ref.className,
     style = _ref.style,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var selectable = mode === "selectable";
-  var removable = mode === "removable";
+  var selectable = mode === 'selectable';
+  var removable = mode === 'removable';
   var platform = (0, _usePlatform.usePlatform)();
   var rootElRef = (0, _useExternRef.useExternRef)(getRootRef);
   var _useDraggable = (0, _useDraggable2.useDraggable)({
@@ -92,20 +91,20 @@ var Cell = function Cell(_ref) {
   }
   var simpleCellDisabled = draggable && !selectable || removable || disabled;
   var hasActive = !simpleCellDisabled && !dragging;
-  var cellClasses = (0, _classNames.classNamesString)("vkuiCell", platform === _platform.Platform.IOS && "vkuiCell--ios", dragging && "vkuiCell--dragging", removable && "vkuiCell--removable", selectable && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
+  var cellClasses = (0, _vkjs.classNames)("vkuiCell", platform === _platform.Platform.IOS && "vkuiCell--ios", dragging && "vkuiCell--dragging", removable && "vkuiCell--removable", selectable && "vkuiCell--selectable", disabled && "vkuiCell--disabled");
   var simpleCell = /*#__PURE__*/React.createElement(_SimpleCell.SimpleCell, (0, _extends2.default)({
     hasActive: hasActive,
     hasHover: hasActive
   }, restProps, {
     className: "vkuiCell__content",
     disabled: simpleCellDisabled,
-    Component: selectable ? "label" : Component,
+    Component: selectable ? 'label' : Component,
     before: /*#__PURE__*/React.createElement(React.Fragment, null, draggable && platform !== _platform.Platform.IOS && dragger, selectable && checkbox, before),
     after: /*#__PURE__*/React.createElement(React.Fragment, null, draggable && platform === _platform.Platform.IOS && dragger, after)
   }));
   if (removable) {
     return /*#__PURE__*/React.createElement(_Removable.Removable, {
-      className: (0, _classNames.classNamesString)(cellClasses, className),
+      className: (0, _vkjs.classNames)(cellClasses, className),
       style: style,
       getRootRef: rootElRef,
       removePlaceholder: removePlaceholder,
@@ -115,7 +114,7 @@ var Cell = function Cell(_ref) {
     }, simpleCell);
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _classNames.classNamesString)(cellClasses, className),
+    className: (0, _vkjs.classNames)(cellClasses, className),
     style: style,
     ref: rootElRef
   }, simpleCell);

package/dist/cjs/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNamesString","Platform","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasRootRef } from \"../../types\";\nimport { Removable, RemovableProps } from \"../Removable/Removable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDraggable } from \"./useDraggable\";\nimport { ListContext } from \"../List/ListContext\";\nimport { CellDragger } from \"./CellDragger/CellDragger\";\nimport { CellCheckbox, CellCheckboxProps } from \"./CellCheckbox/CellCheckbox\";\nimport styles from \"./Cell.module.css\";\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, \"getRootRef\">,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"removable\" | \"selectable\";\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = \"Перенести ячейку\",\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === \"selectable\";\n  const removable = mode === \"removable\";\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles[\"Cell__dragger\"]}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = (\n      <CellCheckbox className={styles[\"Cell__checkbox\"]} {...checkboxProps} />\n    );\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNamesString(\n    styles[\"Cell\"],\n    platform === Platform.IOS && styles[\"Cell--ios\"],\n    dragging && styles[\"Cell--dragging\"],\n    removable && styles[\"Cell--removable\"],\n    selectable && styles[\"Cell--selectable\"],\n    disabled && styles[\"Cell--disabled\"]\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      className={styles[\"Cell__content\"]}\n      disabled={simpleCellDisabled}\n      Component={selectable ? \"label\" : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNamesString(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div\n      className={classNamesString(cellClasses, className)}\n      style={style}\n      ref={rootElRef}\n    >\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Cell.js","names":["Cell","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","selectable","removable","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNames","Platform","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { Platform } from '../../lib/platform';\nimport { SimpleCell, SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { HasRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDraggable } from './useDraggable';\nimport { ListContext } from '../List/ListContext';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { CellCheckbox, CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения\n   */\n  checked?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент\n   */\n  defaultChecked?: boolean;\n  /**\n   * Коллбэк срабатывает при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: ({ from, to }: { from: number; to: number }) => void;\n  /**\n   * aria-label для кнопки перетаскивания ячейки\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = 'Перенести ячейку',\n  className,\n  style,\n  ...restProps\n}: CellProps) => {\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const { dragging, ...draggableProps } = useDraggable({\n    rootElRef,\n    onDragFinish,\n  });\n\n  const { toggleDrag } = React.useContext(ListContext);\n  React.useEffect(() => {\n    if (dragging) {\n      toggleDrag(true);\n      return () => toggleDrag(false);\n    }\n    return undefined;\n  }, [dragging, toggleDrag]);\n\n  let dragger;\n  if (draggable) {\n    dragger = (\n      <CellDragger\n        className={styles['Cell__dragger']}\n        aria-label={draggerLabel}\n        {...draggableProps}\n      />\n    );\n  }\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      onChange,\n      defaultChecked,\n      checked,\n      disabled,\n    };\n    checkbox = <CellCheckbox className={styles['Cell__checkbox']} {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled = (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    styles['Cell'],\n    platform === Platform.IOS && styles['Cell--ios'],\n    dragging && styles['Cell--dragging'],\n    removable && styles['Cell--removable'],\n    selectable && styles['Cell--selectable'],\n    disabled && styles['Cell--disabled'],\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      className={styles['Cell__content']}\n      disabled={simpleCellDisabled}\n      Component={selectable ? 'label' : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== Platform.IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === Platform.IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove(e, rootElRef.current)}\n      >\n        {simpleCell}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}