npm - @vkontakte/vkui - Versions diffs - 5.4.3 → 5.5.1 - Mend

@vkontakte/vkui 5.4.3 → 5.5.1

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

Files changed (1975) hide show

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

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

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

@@ -16,4 +16,4 @@ export interface CalendarRangeProps extends Omit<React.HTMLAttributes<HTMLDivEle
 /**
  * @see https://vkcom.github.io/VKUI/#/CalendarRange
  */
-export declare const CalendarRange: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, weekStartsOn, getRootRef, disablePickers, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, changeDayAriaLabel, prevMonthIcon, nextMonthIcon, className, listenDayChangesForUpdate, ...props }: CalendarRangeProps) => JSX.Element;
+export declare const CalendarRange: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, weekStartsOn, getRootRef, disablePickers, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, changeDayAriaLabel, prevMonthIcon, nextMonthIcon, className, listenDayChangesForUpdate, ...props }: CalendarRangeProps) => React.JSX.Element;

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

@@ -8,18 +8,18 @@ Object.defineProperty(exports, "CalendarRange", {
         return CalendarRange;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useCalendar = require("../../hooks/useCalendar");
 var _calendar = require("../../lib/calendar");
 var _date = require("../../lib/date");
-var _calendarDays = require("../CalendarDays/CalendarDays");
-var _calendarHeader = require("../CalendarHeader/CalendarHeader");
+var _CalendarDays = require("../CalendarDays/CalendarDays");
+var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
 var getIsDaySelected = function(day, value) {
     if (!(value === null || value === void 0 ? void 0 : value[0]) || !value[1]) {
         return false;
@@ -27,7 +27,7 @@ var getIsDaySelected = function(day, value) {
     return Boolean((0, _date.isWithinInterval)(day, (0, _date.startOfDay)(value[0]), (0, _date.endOfDay)(value[1])));
 };
 var CalendarRange = function(_param) {
-    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, getRootRef = _param.getRootRef, disablePickers = _param.disablePickers, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, className = _param.className, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _objectWithoutProperties(_param, [
+    var value = _param.value, onChange = _param.onChange, disablePast = _param.disablePast, disableFuture = _param.disableFuture, shouldDisableDate = _param.shouldDisableDate, onClose = _param.onClose, _param_weekStartsOn = _param.weekStartsOn, weekStartsOn = _param_weekStartsOn === void 0 ? 1 : _param_weekStartsOn, getRootRef = _param.getRootRef, disablePickers = _param.disablePickers, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, changeMonthAriaLabel = _param.changeMonthAriaLabel, changeYearAriaLabel = _param.changeYearAriaLabel, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, className = _param.className, listenDayChangesForUpdate = _param.listenDayChangesForUpdate, props = _object_without_properties._(_param, [
         "value",
         "onChange",
         "disablePast",
@@ -53,7 +53,7 @@ var CalendarRange = function(_param) {
         disablePast: disablePast,
         shouldDisableDate: shouldDisableDate
     }), viewDate = _useCalendar1.viewDate, setViewDate = _useCalendar1.setViewDate, setPrevMonth = _useCalendar1.setPrevMonth, setNextMonth = _useCalendar1.setNextMonth, focusedDay = _useCalendar1.focusedDay, setFocusedDay = _useCalendar1.setFocusedDay, isDayFocused = _useCalendar1.isDayFocused, isDayDisabled = _useCalendar1.isDayDisabled, resetSelectedDay = _useCalendar1.resetSelectedDay;
-    var _React_useState = _slicedToArray(_react.useState(), 2), hintedDate = _React_useState[0], setHintedDate = _React_useState[1];
+    var _React_useState = _sliced_to_array._(_react.useState(), 2), hintedDate = _React_useState[0], setHintedDate = _React_useState[1];
     var secondViewDate = (0, _date.addMonths)(viewDate, 1);
     var handleKeyDown = _react.useCallback(function(event) {
         if ([
@@ -158,12 +158,12 @@ var CalendarRange = function(_param) {
     }, [
         hintedDate
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, props), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, props), {
         ref: getRootRef,
         className: (0, _vkjs.classNames)("vkuiCalendarRange", className)
     }), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiCalendarRange__inner"
-    }, /*#__PURE__*/ _react.createElement(_calendarHeader.CalendarHeader, {
+    }, /*#__PURE__*/ _react.createElement(_CalendarHeader.CalendarHeader, {
         viewDate: viewDate,
         onChange: setViewDate,
         nextMonth: false,
@@ -175,7 +175,7 @@ var CalendarRange = function(_param) {
         changeMonthAriaLabel: changeMonthAriaLabel,
         changeYearAriaLabel: changeYearAriaLabel,
         prevMonthIcon: prevMonthIcon
-    }), /*#__PURE__*/ _react.createElement(_calendarDays.CalendarDays, {
+    }), /*#__PURE__*/ _react.createElement(_CalendarDays.CalendarDays, {
         viewDate: viewDate,
         value: value,
         weekStartsOn: weekStartsOn,
@@ -196,7 +196,7 @@ var CalendarRange = function(_param) {
         "aria-label": changeDayAriaLabel
     })), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiCalendarRange__inner"
-    }, /*#__PURE__*/ _react.createElement(_calendarHeader.CalendarHeader, {
+    }, /*#__PURE__*/ _react.createElement(_CalendarHeader.CalendarHeader, {
         viewDate: secondViewDate,
         onChange: setViewDate,
         prevMonth: false,
@@ -208,7 +208,7 @@ var CalendarRange = function(_param) {
         changeMonthAriaLabel: changeMonthAriaLabel,
         changeYearAriaLabel: changeYearAriaLabel,
         nextMonthIcon: nextMonthIcon
-    }), /*#__PURE__*/ _react.createElement(_calendarDays.CalendarDays, {
+    }), /*#__PURE__*/ _react.createElement(_CalendarDays.CalendarDays, {
         viewDate: secondViewDate,
         value: value,
         weekStartsOn: weekStartsOn,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n isSameMonth,\n isWithinInterval,\n startOfDay,\n} from '../../lib/date';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport styles from './CalendarRange.module.css';\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n >,\n Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1])));\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = 'Изменить день',\n prevMonthIcon,\n nextMonthIcon,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarRangeProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue],\n );\n\n const isDaySelected = React.useCallback((day: Date) => getIsDaySelected(day, value), [value]);\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean((value?.[0] && isSameDay(day, value[0])) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (hintedDate?.[1] && isSameDay(day, hintedDate[1]))),\n [hintedDate],\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))),\n [value],\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (hintedDate?.[0] && isSameDay(day, hintedDate[0]))),\n [hintedDate],\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue],\n );\n\n const onDayLeave = React.useCallback(() => setHintedDate(undefined), [setHintedDate]);\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate],\n );\n\n return (\n <div {...props} ref={getRootRef} className={classNames(styles['CalendarRange'], className)}>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"names":["CalendarRange","getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","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","div","ref","classNames","CalendarHeader","nextMonth","onPrevMonth","CalendarDays","onKeyDown","aria-label","prevMonth","onNextMonth","tabIndex","onBlur"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCalendar } from '../../hooks/useCalendar';\nimport { isFirstDay, isLastDay, navigateDate, setTimeEqual } from '../../lib/calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n isSameMonth,\n isWithinInterval,\n startOfDay,\n} from '../../lib/date';\nimport { HasRootRef } from '../../types';\nimport { CalendarDays, CalendarDaysProps } from '../CalendarDays/CalendarDays';\nimport { CalendarHeader, CalendarHeaderProps } from '../CalendarHeader/CalendarHeader';\nimport styles from './CalendarRange.module.css';\n\nexport interface CalendarRangeProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n Pick<\n CalendarHeaderProps,\n \| 'prevMonthAriaLabel'\n \| 'nextMonthAriaLabel'\n \| 'changeMonthAriaLabel'\n \| 'changeYearAriaLabel'\n \| 'prevMonthIcon'\n \| 'nextMonthIcon'\n >,\n Pick<CalendarDaysProps, 'listenDayChangesForUpdate'>,\n HasRootRef<HTMLDivElement> {\n value?: Array<Date \| null>;\n disablePast?: boolean;\n disableFuture?: boolean;\n disablePickers?: boolean;\n changeDayAriaLabel?: string;\n weekStartsOn?: 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6;\n onChange?(value?: Array<Date \| null>): void;\n shouldDisableDate?(value: Date): boolean;\n onClose?(): void;\n}\n\nconst getIsDaySelected = (day: Date, value?: Array<Date \| null>) => {\n if (!value?.[0] \|\| !value[1]) {\n return false;\n }\n\n return Boolean(isWithinInterval(day, startOfDay(value[0]), endOfDay(value[1])));\n};\n\n/*\n @see https://vkcom.github.io/VKUI/#/CalendarRange\n */\nexport const CalendarRange = ({\n value,\n onChange,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onClose,\n weekStartsOn = 1,\n getRootRef,\n disablePickers,\n prevMonthAriaLabel,\n nextMonthAriaLabel,\n changeMonthAriaLabel,\n changeYearAriaLabel,\n changeDayAriaLabel = 'Изменить день',\n prevMonthIcon,\n nextMonthIcon,\n className,\n listenDayChangesForUpdate,\n ...props\n}: CalendarRangeProps) => {\n const {\n viewDate,\n setViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n resetSelectedDay,\n } = useCalendar({ value, disableFuture, disablePast, shouldDisableDate });\n const [hintedDate, setHintedDate] = React.useState<Array<Date \| null>>();\n const secondViewDate = addMonths(viewDate, 1);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key)) {\n event.preventDefault();\n }\n\n const newFocusedDay = navigateDate(focusedDay ?? value?.[1], event.key);\n\n if (\n newFocusedDay &&\n !isSameMonth(newFocusedDay, viewDate) &&\n !isSameMonth(newFocusedDay, addMonths(viewDate, 1))\n ) {\n setViewDate(newFocusedDay);\n }\n setFocusedDay(newFocusedDay);\n },\n [focusedDay, setFocusedDay, setViewDate, value, viewDate],\n );\n\n const getNewValue = React.useCallback(\n (date: Date) => {\n if (!value) {\n return [date, null];\n }\n\n const start = value[0];\n const end = value[1];\n if ((start && isSameDay(date, start)) \|\| (end && isSameDay(date, end))) {\n return [setTimeEqual(date, start), setTimeEqual(date, end)];\n } else if (start && isBefore(date, start)) {\n return [setTimeEqual(date, start), end];\n } else if (start && isAfter(date, start)) {\n return [start, setTimeEqual(date, end)];\n }\n\n return value;\n },\n [value],\n );\n\n const onDayChange = React.useCallback(\n (date: Date) => {\n onChange?.(getNewValue(date));\n setHintedDate(undefined);\n },\n [onChange, getNewValue],\n );\n\n const isDaySelected = React.useCallback((day: Date) => getIsDaySelected(day, value), [value]);\n\n const isDayActive = React.useCallback(\n (day: Date) =>\n Boolean((value?.[0] && isSameDay(day, value[0])) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (value?.[1] && isSameDay(day, value[1]))),\n [value],\n );\n\n const isHintedDaySelectionEnd = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isLastDay(day, dayOfWeek) \|\| (hintedDate?.[1] && isSameDay(day, hintedDate[1]))),\n [hintedDate],\n );\n\n const isDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (value?.[0] && isSameDay(day, value[0]))),\n [value],\n );\n\n const isHintedDaySelectionStart = React.useCallback(\n (day: Date, dayOfWeek: number) =>\n Boolean(isFirstDay(day, dayOfWeek) \|\| (hintedDate?.[0] && isSameDay(day, hintedDate[0]))),\n [hintedDate],\n );\n\n const onDayEnter = React.useCallback(\n (date: Date) => setHintedDate(getNewValue(date)),\n [setHintedDate, getNewValue],\n );\n\n const onDayLeave = React.useCallback(() => setHintedDate(undefined), [setHintedDate]);\n\n const isDayHinted = React.useCallback(\n (day: Date) => getIsDaySelected(day, hintedDate),\n [hintedDate],\n );\n\n return (\n <div {...props} ref={getRootRef} className={classNames(styles['CalendarRange'], className)}>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={viewDate}\n onChange={setViewDate}\n nextMonth={false}\n onPrevMonth={setPrevMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n prevMonthIcon={prevMonthIcon}\n />\n <CalendarDays\n viewDate={viewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n aria-label={changeDayAriaLabel}\n />\n </div>\n <div className={styles['CalendarRange__inner']}>\n <CalendarHeader\n viewDate={secondViewDate}\n onChange={setViewDate}\n prevMonth={false}\n onNextMonth={setNextMonth}\n disablePickers={disablePickers}\n className={styles['CalendarRange__header']}\n prevMonthAriaLabel={prevMonthAriaLabel}\n nextMonthAriaLabel={nextMonthAriaLabel}\n changeMonthAriaLabel={changeMonthAriaLabel}\n changeYearAriaLabel={changeYearAriaLabel}\n nextMonthIcon={nextMonthIcon}\n />\n <CalendarDays\n viewDate={secondViewDate}\n value={value}\n weekStartsOn={weekStartsOn}\n aria-label={changeDayAriaLabel}\n onKeyDown={handleKeyDown}\n isDayFocused={isDayFocused}\n onDayChange={onDayChange}\n isDaySelected={isDaySelected}\n isDayActive={isDayActive}\n isDaySelectionEnd={isDaySelectionEnd}\n isDaySelectionStart={isDaySelectionStart}\n isDayHinted={isDayHinted}\n onDayEnter={onDayEnter}\n onDayLeave={onDayLeave}\n isHintedDaySelectionEnd={isHintedDaySelectionEnd}\n isHintedDaySelectionStart={isHintedDaySelectionStart}\n isDayDisabled={isDayDisabled}\n listenDayChangesForUpdate={listenDayChangesForUpdate}\n tabIndex={0}\n onBlur={resetSelectedDay}\n />\n </div>\n </div>\n );\n};\n"],"names":["CalendarRange","getIsDaySelected","day","value","Boolean","isWithinInterval","startOfDay","endOfDay","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","div","ref","classNames","CalendarHeader","nextMonth","onPrevMonth","CalendarDays","onKeyDown","aria-label","prevMonth","onNextMonth","tabIndex","onBlur"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface CalendarTimeProps {
     value: Date;
     doneButtonText?: string;
@@ -7,4 +7,4 @@ export interface CalendarTimeProps {
     onChange?(value: Date): void;
     onClose?(): void;
 }
-export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => JSX.Element;
+export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => React.JSX.Element;

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "CalendarTime", {
         return CalendarTime;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _adaptivity = require("../../lib/adaptivity");
 var _date = require("../../lib/date");
-var _adaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
-var _button = require("../Button/Button");
-var _customSelect = require("../CustomSelect/CustomSelect");
+var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
+var _Button = require("../Button/Button");
+var _CustomSelect = require("../CustomSelect/CustomSelect");
 var hours = [];
 for(var i = 0; i < 24; i += 1){
     hours.push({
@@ -47,9 +47,9 @@ var CalendarTime = function(param) {
         className: "vkuiCalendarTime"
     }, /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiCalendarTime__picker"
-    }, /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+    }, /*#__PURE__*/ _react.createElement(_AdaptivityProvider.AdaptivityProvider, {
         sizeY: _adaptivity.SizeType.COMPACT
-    }, /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, {
+    }, /*#__PURE__*/ _react.createElement(_CustomSelect.CustomSelect, {
         value: value.getHours(),
         options: hours,
         onChange: onHoursChange,
@@ -59,9 +59,9 @@ var CalendarTime = function(param) {
         className: "vkuiCalendarTime__divider"
     }, ":"), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiCalendarTime__picker"
-    }, /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+    }, /*#__PURE__*/ _react.createElement(_AdaptivityProvider.AdaptivityProvider, {
         sizeY: _adaptivity.SizeType.COMPACT
-    }, /*#__PURE__*/ _react.createElement(_customSelect.CustomSelect, {
+    }, /*#__PURE__*/ _react.createElement(_CustomSelect.CustomSelect, {
         value: value.getMinutes(),
         options: minutes,
         onChange: onMinutesChange,
@@ -69,9 +69,9 @@ var CalendarTime = function(param) {
         "aria-label": changeMinutesAriaLabel
     }))), /*#__PURE__*/ _react.createElement("div", {
         className: "vkuiCalendarTime__button"
-    }, /*#__PURE__*/ _react.createElement(_adaptivityProvider.AdaptivityProvider, {
+    }, /*#__PURE__*/ _react.createElement(_AdaptivityProvider.AdaptivityProvider, {
         sizeY: _adaptivity.SizeType.COMPACT
-    }, /*#__PURE__*/ _react.createElement(_button.Button, {
+    }, /*#__PURE__*/ _react.createElement(_Button.Button, {
         mode: "secondary",
         onClick: onClose,
         size: "l",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType } from '../../lib/adaptivity';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","div","className","AdaptivityProvider","sizeY","SizeType","COMPACT","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+BAiCaA;;;eAAAA~~;;;;2DAjCU~~;0BACE;oBACY;kCACF;sBACZ;4BACM;AAY7B,IAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,~~IAAI,CAAC~~;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,~~QAAQ~~,~~CAAC,~~GAAG;IAAK;AAC3D;AAEA,IAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,KAAI,GAAGA,KAAI,IAAIA,MAAK,EAAG;IAC9BM,QAAQL,~~IAAI,CAAC~~;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,IAAGK,~~QAAQ~~,~~CAAC,~~GAAG;IAAK;AAC7D;AAEO,IAAMP,eAAe~~,gBAOH~~;~~QANvBI~~,cAAAA,qCACAK,gBAAAA,oDAAiB,kCACjBC,iBAAAA,UACAC,gBAAAA,6CACAC,sBAAAA,gEAAuB,oFACvBC,wBAAAA,oEAAyB;IAEzB,IAAMC,gBAAgBC,OAAMC,~~WAAW~~,~~CACrC,~~SAACC;QACCP,OAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWQ,IAAAA,~~cAAQ~~,~~EAACd,~~OAAOe,OAAOF,MAAMG,~~MAAM,CAAChB,KAAK~~;~~OACtD~~;QAACM;QAAUN;KAAM;IAEnB,IAAMiB,kBAAkBN,OAAMC,~~WAAW~~,~~CACvC,~~SAACC;QACCP,OAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWY,IAAAA,~~gBAAU~~,~~EAAClB,~~OAAOe,OAAOF,MAAMG,~~MAAM,CAAChB,KAAK~~;~~OACxD~~;QAACM;QAAUN;KAAM;IAGnB,qBACE,qBAACmB;QAAIC,SAAS;qBACZ,qBAACD;QAAIC,SAAS;qBACZ,qBAACC~~,sCAAkB~~;~~QAACC~~,OAAOC,~~oBAAQ,CAACC,OAAO~~;~~qBACzC~~,qBAACC~~,0BAAY~~;~~QACXzB~~,OAAOA,MAAM0B~~,QAAQ~~;~~QACrBC~~,SAAS9B;QACTS,UAAUI;QACVkB,qBAAqB~~,KAAK~~;~~QAC1BC~~,cAAYrB;wBAIlB,qBAACW;QAAIC,SAAS;OAAmC,oBACjD,qBAACD;QAAIC,SAAS;qBACZ,qBAACC~~,sCAAkB~~;~~QAACC~~,OAAOC,~~oBAAQ,CAACC,OAAO~~;~~qBACzC~~,qBAACC~~,0BAAY~~;~~QACXzB~~,OAAOA,MAAM8B~~,UAAU~~;~~QACvBH~~,SAASvB;QACTE,UAAUW;QACVW,qBAAqB~~,KAAK~~;~~QAC1BC~~,cAAYpB;wBAIlB,qBAACU;QAAIC,SAAS;qBACZ,qBAACC~~,sCAAkB~~;~~QAACC~~,OAAOC,~~oBAAQ,CAACC,OAAO~~;~~qBACzC~~,qBAACO~~,cAAM~~;~~QAACC~~,MAAK;QAAYC,SAAS1B;QAAS2B,MAAK;QAAIL,cAAYxB;OAC7DA;AAMb"}
1	+ {"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SizeType } from '../../lib/adaptivity';\nimport { setHours, setMinutes } from '../../lib/date';\nimport { AdaptivityProvider } from '../AdaptivityProvider/AdaptivityProvider';\nimport { Button } from '../Button/Button';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport styles from './CalendarTime.module.css';\n\nexport interface CalendarTimeProps {\n value: Date;\n doneButtonText?: string;\n changeHoursAriaLabel?: string;\n changeMinutesAriaLabel?: string;\n onChange?(value: Date): void;\n onClose?(): void;\n}\n\nconst hours: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 24; i += 1) {\n hours.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nconst minutes: Array<{\n value: number;\n label: string;\n}> = [];\nfor (let i = 0; i < 60; i += 1) {\n minutes.push({ value: i, label: String(i).padStart(2, '0') });\n}\n\nexport const CalendarTime = ({\n value,\n doneButtonText = 'Готово',\n onChange,\n onClose,\n changeHoursAriaLabel = 'Изменить час',\n changeMinutesAriaLabel = 'Изменить минуту',\n}: CalendarTimeProps) => {\n const onHoursChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setHours(value, Number(event.target.value))),\n [onChange, value],\n );\n const onMinutesChange = React.useCallback(\n (event: React.ChangeEvent<HTMLSelectElement>) =>\n onChange?.(setMinutes(value, Number(event.target.value))),\n [onChange, value],\n );\n\n return (\n <div className={styles['CalendarTime']}>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getHours()}\n options={hours}\n onChange={onHoursChange}\n forceDropdownPortal={false}\n aria-label={changeHoursAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__divider']}>:</div>\n <div className={styles['CalendarTime__picker']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <CustomSelect\n value={value.getMinutes()}\n options={minutes}\n onChange={onMinutesChange}\n forceDropdownPortal={false}\n aria-label={changeMinutesAriaLabel}\n />\n </AdaptivityProvider>\n </div>\n <div className={styles['CalendarTime__button']}>\n <AdaptivityProvider sizeY={SizeType.COMPACT}>\n <Button mode=\"secondary\" onClick={onClose} size=\"l\" aria-label={doneButtonText}>\n {doneButtonText}\n </Button>\n </AdaptivityProvider>\n </div>\n </div>\n );\n};\n"],"names":["CalendarTime","hours","i","push","value","label","String","padStart","minutes","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","setHours","Number","target","onMinutesChange","setMinutes","div","className","AdaptivityProvider","sizeY","SizeType","COMPACT","CustomSelect","getHours","options","forceDropdownPortal","aria-label","getMinutes","Button","mode","onClick","size"],"mappings":";;;;+BAiCaA;;;eAAAA;;;;+DAjCU;0BACE;oBACY;kCACF;sBACZ;4BACM;AAY7B,IAAMC,QAGD,EAAE;AACP,IAAK,IAAIC,IAAI,GAAGA,IAAI,IAAIA,KAAK,EAAG;IAC9BD,MAAME,KAAK;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,GAAGK,SAAS,GAAG;IAAK;AAC3D;AAEA,IAAMC,UAGD,EAAE;AACP,IAAK,IAAIN,KAAI,GAAGA,KAAI,IAAIA,MAAK,EAAG;IAC9BM,QAAQL,KAAK;QAAEC,OAAOF;QAAGG,OAAOC,OAAOJ,IAAGK,SAAS,GAAG;IAAK;AAC7D;AAEO,IAAMP,eAAe;QAC1BI,cAAAA,qCACAK,gBAAAA,oDAAiB,kCACjBC,iBAAAA,UACAC,gBAAAA,6CACAC,sBAAAA,gEAAuB,oFACvBC,wBAAAA,oEAAyB;IAEzB,IAAMC,gBAAgBC,OAAMC,YAC1B,SAACC;QACCP,OAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWQ,IAAAA,gBAASd,OAAOe,OAAOF,MAAMG,OAAOhB;OACjD;QAACM;QAAUN;KAAM;IAEnB,IAAMiB,kBAAkBN,OAAMC,YAC5B,SAACC;QACCP,OAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWY,IAAAA,kBAAWlB,OAAOe,OAAOF,MAAMG,OAAOhB;OACnD;QAACM;QAAUN;KAAM;IAGnB,qBACE,qBAACmB;QAAIC,SAAS;qBACZ,qBAACD;QAAIC,SAAS;qBACZ,qBAACC;QAAmBC,OAAOC,qBAASC;qBAClC,qBAACC;QACCzB,OAAOA,MAAM0B;QACbC,SAAS9B;QACTS,UAAUI;QACVkB,qBAAqB;QACrBC,cAAYrB;wBAIlB,qBAACW;QAAIC,SAAS;OAAmC,oBACjD,qBAACD;QAAIC,SAAS;qBACZ,qBAACC;QAAmBC,OAAOC,qBAASC;qBAClC,qBAACC;QACCzB,OAAOA,MAAM8B;QACbH,SAASvB;QACTE,UAAUW;QACVW,qBAAqB;QACrBC,cAAYpB;wBAIlB,qBAACU;QAAIC,SAAS;qBACZ,qBAACC;QAAmBC,OAAOC,qBAASC;qBAClC,qBAACO;QAAOC,MAAK;QAAYC,SAAS1B;QAAS2B,MAAK;QAAIL,cAAYxB;OAC7DA;AAMb"}

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

@@ -6,4 +6,4 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRoot
 /**
  * @see https://vkcom.github.io/VKUI/#/Card
  */
-export declare const Card: ({ mode, children, getRootRef, className, ...restProps }: CardProps) => JSX.Element;
+export declare const Card: ({ mode, children, getRootRef, className, ...restProps }: CardProps) => React.JSX.Element;

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

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "Card", {
         return Card;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var Card = function(_param) {
-    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "tint" : _param_mode, children = _param.children, getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var _param_mode = _param.mode, mode = _param_mode === void 0 ? "tint" : _param_mode, children = _param.children, getRootRef = _param.getRootRef, className = _param.className, restProps = _object_without_properties._(_param, [
         "mode",
         "children",
         "getRootRef",
         "className"
     ]);
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         ref: getRootRef,
         className: (0, _vkjs.classNames)("vkuiCard", mode === "outline" && "vkuiCard--mode-outline", mode === "shadow" && "vkuiCard--mode-shadow", className)
     }), children);

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

	@@ -1 +1 @@
1	- {"version":3,"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(\n styles['Card'],\n mode === 'outline' && styles['Card--mode-outline'],\n mode === 'shadow' && styles['Card--mode-shadow'],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["Card","mode","children","getRootRef","className","restProps","div","ref","classNames"],"mappings":";;;;+BAcaA;;;eAAAA~~;;;;;;;2DAdU~~;oBACI;AAapB,IAAMA,OAAO~~,iBAMH~~;~~6BALfC~~,MAAAA,gCAAO,sBACPC,kBAAAA,UACAC,oBAAAA,YACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,~~4CACKD~~;QACJE,KAAKJ;QACLC,WAAWI,IAAAA,~~gBAAU~~,~~cAEnBP,~~SAAS,uCACTA,SAAS,qCACTG;QAGDF;AAGP"}
1	+ {"version":3,"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(\n styles['Card'],\n mode === 'outline' && styles['Card--mode-outline'],\n mode === 'shadow' && styles['Card--mode-shadow'],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["Card","mode","children","getRootRef","className","restProps","div","ref","classNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;+DAdU;oBACI;AAapB,IAAMA,OAAO;6BAClBC,MAAAA,gCAAO,sBACPC,kBAAAA,UACAC,oBAAAA,YACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,mDACKD;QACJE,KAAKJ;QACLC,WAAWI,IAAAA,8BAETP,SAAS,uCACTA,SAAS,qCACTG;QAGDF;AAGP"}

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

@@ -9,4 +9,4 @@ export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/CardGrid
  */
-export declare const CardGrid: ({ children, size, spaced, className, ...restProps }: CardGridProps) => JSX.Element;
+export declare const CardGrid: ({ children, size, spaced, className, ...restProps }: CardGridProps) => React.JSX.Element;

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

@@ -8,27 +8,27 @@ Object.defineProperty(exports, "CardGrid", {
         return CardGrid;
     }
 });
-var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _define_property = require("@swc/helpers/_/_define_property");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _adaptivity = require("../../lib/adaptivity");
-var sizeXClassNames = _defineProperty({
+var sizeXClassNames = _define_property._({
     none: "vkuiCardGrid--sizeX-none"
 }, _adaptivity.SizeType.COMPACT, "vkuiCardGrid--sizeX-compact");
 var CardGrid = function(_param) {
-    var children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_spaced = _param.spaced, spaced = _param_spaced === void 0 ? false : _param_spaced, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_spaced = _param.spaced, spaced = _param_spaced === void 0 ? false : _param_spaced, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "size",
         "spaced",
         "className"
     ]);
     var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiCardGrid", "vkuiInternalCardGrid", spaced && "vkuiCardGrid--spaced", {
             s: "vkuiInternalCardGrid--size-s",
             m: "vkuiInternalCardGrid--size-m",

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport styles from './CardGrid.module.css';\n\nconst sizeXClassNames = {\n none: styles['CardGrid--sizeX-none'],\n [SizeType.COMPACT]: styles['CardGrid--sizeX-compact'],\n};\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n size?: 's' \| 'm' \| 'l';\n /*\n Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n /\n spaced?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = ({\n children,\n size = 's',\n spaced = false,\n className,\n ...restProps\n}: CardGridProps) => {\n const { sizeX = 'none' } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['CardGrid'],\n 'vkuiInternalCardGrid',\n spaced && styles['CardGrid--spaced'],\n {\n s: 'vkuiInternalCardGrid--size-s',\n m: 'vkuiInternalCardGrid--size-m',\n l: 'vkuiInternalCardGrid--size-l',\n }[size],\n sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["CardGrid","sizeXClassNames","none","SizeType","COMPACT","children","size","spaced","className","restProps","useAdaptivity","sizeX","div","classNames","s","m","l","REGULAR"],"mappings":";;;;+BAsBaA;;;eAAAA~~;;;;;;;;2DAtBU~~;oBACI;6BACG;0BACL;AAGzB,IAAMC;IACJC,IAAI;GACHC,~~oBAAQ,CAACC,OAAO~~;~~AAcZ~~,IAAMJ,WAAW~~,iBAMH~~;~~QALnBK~~,kBAAAA,+BACAC,MAAAA,gCAAO,0CACPC,QAAAA,oCAAS,~~KAAK~~,~~kBACdC,~~mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,~~4BAAa~~,~~4BAAbA,~~gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,~~4CACKH~~;QACJD,WAAWK,IAAAA,~~gBAAU~~,~~kBAEnB,~~wBACAN,kCACA;YACEO,GAAG;YACHC,GAAG;YACHC,GAAG;QACL,CAAC,CAACV,KAAK,EACPK,UAAUR,~~oBAAQ~~,~~CAACc~~,~~OAAO,IAAIhB,~~eAAe,CAACU,MAAM,EACpDH;QAGDH;AAGP"}
1	+ {"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport styles from './CardGrid.module.css';\n\nconst sizeXClassNames = {\n none: styles['CardGrid--sizeX-none'],\n [SizeType.COMPACT]: styles['CardGrid--sizeX-compact'],\n};\n\nexport interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {\n size?: 's' \| 'm' \| 'l';\n /*\n Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n /\n spaced?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = ({\n children,\n size = 's',\n spaced = false,\n className,\n ...restProps\n}: CardGridProps) => {\n const { sizeX = 'none' } = useAdaptivity();\n\n return (\n <div\n {...restProps}\n className={classNames(\n styles['CardGrid'],\n 'vkuiInternalCardGrid',\n spaced && styles['CardGrid--spaced'],\n {\n s: 'vkuiInternalCardGrid--size-s',\n m: 'vkuiInternalCardGrid--size-m',\n l: 'vkuiInternalCardGrid--size-l',\n }[size],\n sizeX !== SizeType.REGULAR && sizeXClassNames[sizeX],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"],"names":["CardGrid","sizeXClassNames","none","SizeType","COMPACT","children","size","spaced","className","restProps","useAdaptivity","sizeX","div","classNames","s","m","l","REGULAR"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;;;;;+DAtBU;oBACI;6BACG;0BACL;AAGzB,IAAMC;IACJC,IAAI;GACHC,qBAASC;AAcL,IAAMJ,WAAW;QACtBK,kBAAAA,+BACAC,MAAAA,gCAAO,0CACPC,QAAAA,oCAAS,uBACTC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAA2BE,kBAAAA,IAAAA,wDAAAA,gBAAnBC,OAAAA,0CAAQ;IAEhB,qBACE,qBAACC,mDACKH;QACJD,WAAWK,IAAAA,kCAET,wBACAN,kCACA;YACEO,GAAG;YACHC,GAAG;YACHC,GAAG;QACL,CAAC,CAACV,KAAK,EACPK,UAAUR,qBAASc,WAAWhB,eAAe,CAACU,MAAM,EACpDH;QAGDH;AAGP"}

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

@@ -11,4 +11,4 @@ export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/CardScroll
  */
-export declare const CardScroll: ({ children, size, showArrows, withSpaces, className, ...restProps }: CardScrollProps) => JSX.Element;
+export declare const CardScroll: ({ children, size, showArrows, withSpaces, className, ...restProps }: CardScrollProps) => React.JSX.Element;

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

@@ -8,22 +8,22 @@ Object.defineProperty(exports, "CardScroll", {
         return CardScroll;
     }
 });
-var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
-var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
-var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
-var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _dom = require("../../lib/dom");
-var _horizontalScroll = require("../HorizontalScroll/HorizontalScroll");
+var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
 var CardScroll = function(_param) {
     var getScrollToLeft = function getScrollToLeft(offset) {
         if (!refContainer.current || !gapRef.current) {
             return offset;
         }
         var containerWidth = refContainer.current.offsetWidth;
-        var slideIndex = _toConsumableArray(refContainer.current.children).findIndex(function(el) {
+        var slideIndex = _to_consumable_array._(refContainer.current.children).findIndex(function(el) {
             return el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0;
         });
         if (slideIndex === -1) {
@@ -52,7 +52,7 @@ var CardScroll = function(_param) {
         }
         return slide.offsetLeft - gapRef.current.offsetWidth;
     };
-    var children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_showArrows = _param.showArrows, showArrows = _param_showArrows === void 0 ? true : _param_showArrows, _param_withSpaces = _param.withSpaces, withSpaces = _param_withSpaces === void 0 ? true : _param_withSpaces, className = _param.className, restProps = _objectWithoutProperties(_param, [
+    var children = _param.children, _param_size = _param.size, size = _param_size === void 0 ? "s" : _param_size, _param_showArrows = _param.showArrows, showArrows = _param_showArrows === void 0 ? true : _param_showArrows, _param_withSpaces = _param.withSpaces, withSpaces = _param_withSpaces === void 0 ? true : _param_withSpaces, className = _param.className, restProps = _object_without_properties._(_param, [
         "children",
         "size",
         "showArrows",
@@ -62,13 +62,13 @@ var CardScroll = function(_param) {
     var refContainer = _react.useRef(null);
     var gapRef = _react.useRef(null);
     var window = (0, _dom.useDOM)().window;
-    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+    return /*#__PURE__*/ _react.createElement("div", _object_spread_props._(_object_spread._({}, restProps), {
         className: (0, _vkjs.classNames)("vkuiCardScroll", "vkuiInternalCardScroll", size !== false && ({
             s: "vkuiInternalCardScroll--size-s",
             m: "vkuiInternalCardScroll--size-m",
             l: "vkuiInternalCardScroll--size-l"
         })[size], withSpaces && "vkuiCardScroll--withSpaces", className)
-    }), /*#__PURE__*/ _react.createElement(_horizontalScroll.HorizontalScroll, {
+    }), /*#__PURE__*/ _react.createElement(_HorizontalScroll.HorizontalScroll, {
         getScrollToLeft: getScrollToLeft,
         getScrollToRight: getScrollToRight,
         showArrows: showArrows

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useDOM } from '../../lib/dom';\nimport { HorizontalScroll, HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';\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 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 'vkuiInternalCardScroll',\n size !== false &&\n {\n s: 'vkuiInternalCardScroll--size-s',\n m: 'vkuiInternalCardScroll--size-m',\n l: 'vkuiInternalCardScroll--size-l',\n }[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"],"names":["CardScroll","getScrollToLeft","offset","refContainer","current","gapRef","containerWidth","offsetWidth","slideIndex","children","findIndex","el","offsetLeft","parseInt","window","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","size","showArrows","withSpaces","className","restProps","React","useRef","useDOM","div","classNames","s","m","l","HorizontalScroll","ref","span"],"mappings":";;;;+BAkBaA;;;eAAAA~~;;;;;;;;2DAlBU~~;oBACI;mBACJ;gCACiC;AAejD,IAAMA,aAAa~~,iBAOH~~;~~QAMZC~~,kBAAT,SAASA,gBAAgBC,MAAc~~,EAAU~~;~~QAC/C~~,IAAI,CAACC,aAAaC,~~OAAO~~,~~IAAI,~~CAACC,OAAOD,~~OAAO,EAAE~~;YAC5C,OAAOF;QACT~~,CAAC~~;~~QACD~~,IAAMI,iBAAiBH,aAAaC,~~OAAO,CAACG,WAAW~~;~~QACvD~~,IAAMC,aAAa,AAAE,~~mBAAGL~~,aAAaC,~~OAAO~~,~~CAACK~~,~~QAAQ~~,~~EAAoBC,SAAS,CAChF,~~SAACC;mBACCA,GAAGC,~~UAAU~~,~~GACXD,~~GAAGJ,~~WAAW~~,~~GACdM,~~SAASC,OAAQC,~~gBAAgB~~,~~CAACJ,~~IAAIK,~~WAAW~~,~~IACjDd,~~UACF;;QAGJ,IAAIM,eAAe,CAAC,GAAG;YACrB,OAAON;QACT~~,CAAC~~;~~QAED~~,IAAIM,eAAe,GAAG;YACpB,OAAO;QACT~~,CAAC~~;~~QAED~~,IAAMS,QAAQd,aAAaC,~~OAAO~~,~~CAACK,~~QAAQ,CAACD,WAAW;QAEvD,IAAMU,WACJD,MAAML,~~UAAU~~,~~GAAIN,~~CAAAA,iBAAiBW,MAAMV,~~WAAW~~,~~AAAD,~~IAAKF,OAAOD,~~OAAO,CAACG,WAAW~~;~~QAEtF~~,IAAIW,YAAY,IAAIb,OAAOD,~~OAAO~~,~~CAACG,WAAW,EAAE~~;YAC9C,OAAO;QACT~~,CAAC~~;~~QAED~~,OAAOW;IACT;QAESC,mBAAT,SAASA,iBAAiBjB,MAAc~~,EAAU~~;~~QAChD~~,IAAI,CAACC,aAAaC,~~OAAO~~,~~IAAI,~~CAACC,OAAOD,~~OAAO,EAAE~~;YAC5C,OAAOF;QACT~~,CAAC~~;~~QAED~~,IAAMI,iBAAiBH,aAAaC,~~OAAO,CAACG,WAAW~~;~~QACvD~~,IAAMU,QAAQG,MAAMC,~~SAAS~~,~~CAACC~~,~~IAAI~~,~~CAACC,IAAI,CACrCpB,~~aAAaC,~~OAAO~~,~~CAACK~~,~~QAAQ,EAC7B,~~SAACE;mBAAoBA,GAAGC,~~UAAU~~,~~GAAGD,~~GAAGJ,~~WAAW~~,~~GAAGL,~~SAASI;;QAGjE,IAAI,CAACW,OAAO;YACV,OAAOf;QACT~~,CAAC~~;~~QAED~~,OAAOe,MAAML,~~UAAU~~,~~GAAGP,~~OAAOD,~~OAAO,CAACG,WAAW~~;~~IACtD~~;QA9DAE,kBAAAA,+BACAe,MAAAA,gCAAO,8CACPC,YAAAA,4CAAa,~~IAAI~~,~~iDACjBC,~~YAAAA,4CAAa,~~IAAI~~,~~sBACjBC,~~mBAAAA,WACGC;QALHnB;QACAe;QACAC;QACAC;QACAC;;IAGA,IAAMxB,eAAe0B,OAAMC,~~MAAM,CAAiB,IAAI~~;~~IACtD~~,IAAMzB,SAASwB,OAAMC,~~MAAM,CAAiB,IAAI~~;~~IAEhD~~,IAAM,AAAEhB,SAAWiB,IAAAA,~~WAAM,IAAjBjB~~;IAsDR,qBACE,qBAACkB,~~4CACKJ~~;QACJD,WAAWM,IAAAA,~~gBAAU~~,~~oBAEnB,~~0BACAT,SAAS,~~KAAK~~,~~IACZ,~~CAAA;YACEU,GAAG;YACHC,GAAG;YACHC,GAAG;QACL,CAAA,CAAC,CAACZ,KAAK,EACTE,4CACAC;sBAGF,qBAACU~~,kCAAgB~~;~~QACfpC~~,iBAAiBA;QACjBkB,kBAAkBA;QAClBM,YAAYA;qBAEZ,qBAACO;QAAIL,SAAS;QAA4BW,KAAKnC;qBAC7C,qBAACoC;QAAKZ,SAAS;QAA6BW,KAAKjC;QAChDI,wBACD,qBAAC8B;QAAKZ,SAAS;;AAKzB"}
1	+ {"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useDOM } from '../../lib/dom';\nimport { HorizontalScroll, HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';\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 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 'vkuiInternalCardScroll',\n size !== false &&\n {\n s: 'vkuiInternalCardScroll--size-s',\n m: 'vkuiInternalCardScroll--size-m',\n l: 'vkuiInternalCardScroll--size-l',\n }[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"],"names":["CardScroll","getScrollToLeft","offset","refContainer","current","gapRef","containerWidth","offsetWidth","slideIndex","children","findIndex","el","offsetLeft","parseInt","window","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call","size","showArrows","withSpaces","className","restProps","React","useRef","useDOM","div","classNames","s","m","l","HorizontalScroll","ref","span"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;+DAlBU;oBACI;mBACJ;gCACiC;AAejD,IAAMA,aAAa;QAafC,kBAAT,SAASA,gBAAgBC,MAAc;QACrC,IAAI,CAACC,aAAaC,WAAW,CAACC,OAAOD,SAAS;YAC5C,OAAOF;QACT;QACA,IAAMI,iBAAiBH,aAAaC,QAAQG;QAC5C,IAAMC,aAAa,AAAE,uBAAGL,aAAaC,QAAQK,UAA4BC,UACvE,SAACC;mBACCA,GAAGC,aACDD,GAAGJ,cACHM,SAASC,OAAQC,iBAAiBJ,IAAIK,eACtCd,UACF;;QAGJ,IAAIM,eAAe,CAAC,GAAG;YACrB,OAAON;QACT;QAEA,IAAIM,eAAe,GAAG;YACpB,OAAO;QACT;QAEA,IAAMS,QAAQd,aAAaC,QAAQK,QAAQ,CAACD,WAAW;QAEvD,IAAMU,WACJD,MAAML,aAAcN,CAAAA,iBAAiBW,MAAMV,WAAU,IAAKF,OAAOD,QAAQG;QAE3E,IAAIW,YAAY,IAAIb,OAAOD,QAAQG,aAAa;YAC9C,OAAO;QACT;QAEA,OAAOW;IACT;QAESC,mBAAT,SAASA,iBAAiBjB,MAAc;QACtC,IAAI,CAACC,aAAaC,WAAW,CAACC,OAAOD,SAAS;YAC5C,OAAOF;QACT;QAEA,IAAMI,iBAAiBH,aAAaC,QAAQG;QAC5C,IAAMU,QAAQG,MAAMC,UAAUC,KAAKC,KACjCpB,aAAaC,QAAQK,UACrB,SAACE;mBAAoBA,GAAGC,aAAaD,GAAGJ,cAAcL,SAASI;;QAGjE,IAAI,CAACW,OAAO;YACV,OAAOf;QACT;QAEA,OAAOe,MAAML,aAAaP,OAAOD,QAAQG;IAC3C;QA9DAE,kBAAAA,+BACAe,MAAAA,gCAAO,8CACPC,YAAAA,4CAAa,qDACbC,YAAAA,4CAAa,0BACbC,mBAAAA,WACGC;QALHnB;QACAe;QACAC;QACAC;QACAC;;IAGA,IAAMxB,eAAe0B,OAAMC,OAAuB;IAClD,IAAMzB,SAASwB,OAAMC,OAAuB;IAE5C,IAAM,AAAEhB,SAAWiB,IAAAA,eAAXjB;IAsDR,qBACE,qBAACkB,mDACKJ;QACJD,WAAWM,IAAAA,oCAET,0BACAT,SAAS,SACP,CAAA;YACEU,GAAG;YACHC,GAAG;YACHC,GAAG;QACL,CAAA,CAAC,CAACZ,KAAK,EACTE,4CACAC;sBAGF,qBAACU;QACCpC,iBAAiBA;QACjBkB,kBAAkBA;QAClBM,YAAYA;qBAEZ,qBAACO;QAAIL,SAAS;QAA4BW,KAAKnC;qBAC7C,qBAACoC;QAAKZ,SAAS;QAA6BW,KAAKjC;QAChDI,wBACD,qBAAC8B;QAAKZ,SAAS;;AAKzB"}

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

@@ -1,7 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { HasRootRef } from '../../types';
 import { RemovableProps } from '../Removable/Removable';
 import { SimpleCellProps } from '../SimpleCell/SimpleCell';
+import { CellCheckboxProps } from './CellCheckbox/CellCheckbox';
 export interface CellProps extends Omit<SimpleCellProps, 'getRootRef'>, RemovableProps, HasRootRef<HTMLDivElement> {
     mode?: 'removable' | 'selectable';
     /**
@@ -38,4 +39,7 @@ export interface CellProps extends Omit<SimpleCellProps, 'getRootRef'>, Removabl
 /**
  * @see https://vkcom.github.io/VKUI/#/Cell
  */
-export declare const Cell: ({ mode, onRemove, removePlaceholder, onDragFinish, before, after, disabled, draggable, Component, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel, className, style, ...restProps }: CellProps) => JSX.Element;
+export declare const Cell: {
+    ({ mode, onRemove, removePlaceholder, onDragFinish, before, after, disabled, draggable, Component: ComponentProps, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel, className, style, ...restProps }: CellProps): React.JSX.Element;
+    Checkbox: ({ getRootRef, getRef, className, style, type, ...restProps }: CellCheckboxProps) => React.JSX.Element;
+};