@vkontakte/vkui 4.35.4 → 4.37.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport { CalendarDay } from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  ...props\n}: CalendarDaysProps) => {\n  const locale = React.useContext(LocaleProviderContext);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [now] = React.useState(new Date());\n\n  const weeks = React.useMemo(\n    () => getWeeks(viewDate, weekStartsOn),\n    [weekStartsOn, viewDate]\n  );\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn]\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange]\n  );\n\n  return (\n    <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n      <div\n        vkuiClass={classNames(\n          \"CalendarDays__row\",\n          `CalendarDays__row--size-${size}`\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n            {dayName}\n          </Caption>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          vkuiClass={classNames(\n            \"CalendarDays__row\",\n            `CalendarDays__row--size-${size}`\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"file":"CalendarDays.js"}
+{"version":3,"file":"CalendarDays.js","names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","classNames","map","dayName","week","i","day","sameMonth","isSameMonth","toISOString","isSameDay"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport {\n  CalendarDay,\n  CalendarDayElementProps,\n} from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  dayProps?: CalendarDayElementProps;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  ...props\n}: CalendarDaysProps) => {\n  const locale = React.useContext(LocaleProviderContext);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [now] = React.useState(new Date());\n\n  const weeks = React.useMemo(\n    () => getWeeks(viewDate, weekStartsOn),\n    [weekStartsOn, viewDate]\n  );\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn]\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange]\n  );\n\n  return (\n    <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n      <div\n        vkuiClass={classNames(\n          \"CalendarDays__row\",\n          `CalendarDays__row--size-${size}`\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n            {dayName}\n          </Caption>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          vkuiClass={classNames(\n            \"CalendarDays__row\",\n            `CalendarDays__row--size-${size}`\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -2,11 +2,15 @@
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarHeader = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var React = _interopRequireWildcard(require("react"));
@@ -45,6 +49,8 @@ var CalendarHeader = function CalendarHeader(_ref) {
       onNextMonth = _ref.onNextMonth,
       onPrevMonth = _ref.onPrevMonth,
       className = _ref.className,
+      prevMonthProps = _ref.prevMonthProps,
+      nextMonthProps = _ref.nextMonthProps,
       _ref$prevMonthAriaLab = _ref.prevMonthAriaLabel,
       prevMonthAriaLabel = _ref$prevMonthAriaLab === void 0 ? "Предыдущий месяц" : _ref$prevMonthAriaLab,
       _ref$nextMonthAriaLab = _ref.nextMonthAriaLabel,
@@ -97,11 +103,11 @@ var CalendarHeader = function CalendarHeader(_ref) {
     className: className
   }, prevMonth && (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
     sizeX: _withAdaptivity.SizeType.REGULAR
-  }, (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
+  }, (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
     vkuiClass: (0, _classNames.classNames)("CalendarHeader__nav-icon", "CalendarHeader__nav-icon-prev"),
     onClick: onPrevMonth,
     "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format((0, _date.subMonths)(viewDate, 1)))
-  }, prevMonthIcon)), disablePickers ? (0, _jsxRuntime.createScopedElement)(_Paragraph.Paragraph, {
+  }, prevMonthProps), prevMonthIcon)), disablePickers ? (0, _jsxRuntime.createScopedElement)(_Paragraph.Paragraph, {
     vkuiClass: "CalendarHeader__pickers",
     weight: "2"
   }, (0, _jsxRuntime.createScopedElement)("span", {
@@ -138,11 +144,11 @@ var CalendarHeader = function CalendarHeader(_ref) {
     "aria-label": changeYearAriaLabel
   })), nextMonth && (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
     sizeX: _withAdaptivity.SizeType.REGULAR
-  }, (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
+  }, (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
     vkuiClass: (0, _classNames.classNames)("CalendarHeader__nav-icon", "CalendarHeader__nav-icon-next"),
     onClick: onNextMonth,
     "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format((0, _date.addMonths)(viewDate, 1)))
-  }, nextMonthIcon)));
+  }, nextMonthProps), nextMonthIcon)));
 };
 
 exports.CalendarHeader = CalendarHeader;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","React","useContext","LocaleProviderContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","SizeType","REGULAR","format","getMonth","COMPACT","SelectType","accent"],"mappings":"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","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 } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SelectType } from \"../Select/Select\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.css\";\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  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  prevMonthAriaLabel = \"Предыдущий месяц\",\n  nextMonthAriaLabel = \"Следующий месяц\",\n  changeMonthAriaLabel = \"Изменить месяц\",\n  changeYearAriaLabel = \"Изменить год\",\n  prevMonthIcon = (\n    <Icon20ChevronLeftOutline\n      vkuiClass=\"CalendarHeader__nav-icon--accent\"\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      vkuiClass=\"CalendarHeader__nav-icon--accent\"\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const locale = React.useContext(LocaleProviderContext);\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 vkuiClass=\"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  return (\n    <div vkuiClass=\"CalendarHeader\" className={className}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            vkuiClass={classNames(\n              \"CalendarHeader__nav-icon\",\n              \"CalendarHeader__nav-icon-prev\"\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n              subMonths(viewDate, 1)\n            )}`}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n          <span vkuiClass=\"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        <div vkuiClass=\"CalendarHeader__pickers\">\n          <CustomSelect\n            vkuiClass=\"CalendarHeader__picker\"\n            value={viewDate.getMonth()}\n            options={months}\n            dropdownOffsetDistance={4}\n            fixDropdownWidth={false}\n            sizeY={SizeType.COMPACT}\n            icon={<Icon12Dropdown />}\n            onChange={onMonthsChange}\n            forceDropdownPortal={false}\n            selectType={SelectType.accent}\n            aria-label={changeMonthAriaLabel}\n          />\n          <CustomSelect\n            vkuiClass=\"CalendarHeader__picker\"\n            value={viewDate.getFullYear()}\n            options={years}\n            dropdownOffsetDistance={4}\n            fixDropdownWidth={false}\n            sizeY={SizeType.COMPACT}\n            icon={<Icon12Dropdown />}\n            onChange={onYearChange}\n            forceDropdownPortal={false}\n            selectType={SelectType.accent}\n            aria-label={changeYearAriaLabel}\n          />\n        </div>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            vkuiClass={classNames(\n              \"CalendarHeader__nav-icon\",\n              \"CalendarHeader__nav-icon-next\"\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n              addMonths(viewDate, 1)\n            )}`}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"file":"CalendarHeader.js"}
+{"version":3,"file":"CalendarHeader.js","names":["CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","React","useContext","LocaleProviderContext","onMonthsChange","useCallback","event","setMonth","Number","target","value","onYearChange","setYear","months","useMemo","getMonths","map","label","currentYear","getFullYear","years","getYears","formatter","Intl","DateTimeFormat","year","month","SizeType","REGULAR","classNames","format","subMonths","getMonth","COMPACT","SelectType","accent","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 \"../../lib/classNames\";\nimport { SelectType } from \"../Select/Select\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport { SizeType } from \"../../hoc/withAdaptivity\";\nimport { getMonths, getYears } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { AdaptivityProvider } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./CalendarHeader.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      vkuiClass=\"CalendarHeader__nav-icon--accent\"\n      width={30}\n      height={30}\n    />\n  ),\n  nextMonthIcon = (\n    <Icon20ChevronRightOutline\n      vkuiClass=\"CalendarHeader__nav-icon--accent\"\n      width={30}\n      height={30}\n    />\n  ),\n}: CalendarHeaderProps) => {\n  const locale = React.useContext(LocaleProviderContext);\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 vkuiClass=\"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  return (\n    <div vkuiClass=\"CalendarHeader\" className={className}>\n      {prevMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            vkuiClass={classNames(\n              \"CalendarHeader__nav-icon\",\n              \"CalendarHeader__nav-icon-prev\"\n            )}\n            onClick={onPrevMonth}\n            aria-label={`${prevMonthAriaLabel}, ${formatter.format(\n              subMonths(viewDate, 1)\n            )}`}\n            {...prevMonthProps}\n          >\n            {prevMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n      {disablePickers ? (\n        <Paragraph vkuiClass=\"CalendarHeader__pickers\" weight=\"2\">\n          <span vkuiClass=\"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        <div vkuiClass=\"CalendarHeader__pickers\">\n          <CustomSelect\n            vkuiClass=\"CalendarHeader__picker\"\n            value={viewDate.getMonth()}\n            options={months}\n            dropdownOffsetDistance={4}\n            fixDropdownWidth={false}\n            sizeY={SizeType.COMPACT}\n            icon={<Icon12Dropdown />}\n            onChange={onMonthsChange}\n            forceDropdownPortal={false}\n            selectType={SelectType.accent}\n            aria-label={changeMonthAriaLabel}\n          />\n          <CustomSelect\n            vkuiClass=\"CalendarHeader__picker\"\n            value={viewDate.getFullYear()}\n            options={years}\n            dropdownOffsetDistance={4}\n            fixDropdownWidth={false}\n            sizeY={SizeType.COMPACT}\n            icon={<Icon12Dropdown />}\n            onChange={onYearChange}\n            forceDropdownPortal={false}\n            selectType={SelectType.accent}\n            aria-label={changeYearAriaLabel}\n          />\n        </div>\n      )}\n      {nextMonth && (\n        <AdaptivityProvider sizeX={SizeType.REGULAR}>\n          <Tappable\n            vkuiClass={classNames(\n              \"CalendarHeader__nav-icon\",\n              \"CalendarHeader__nav-icon-next\"\n            )}\n            onClick={onNextMonth}\n            aria-label={`${nextMonthAriaLabel}, ${formatter.format(\n              addMonths(viewDate, 1)\n            )}`}\n            {...nextMonthProps}\n          >\n            {nextMonthIcon}\n          </Tappable>\n        </AdaptivityProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"names":["getIsDaySelected","day","value","Boolean","CalendarRange","onChange","disablePast","disableFuture","shouldDisableDate","onClose","weekStartsOn","getRootRef","disablePickers","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeDayAriaLabel","prevMonthIcon","nextMonthIcon","props","viewDate","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","React","useState","hintedDate","setHintedDate","secondViewDate","handleKeyDown","useCallback","event","includes","key","preventDefault","newFocusedDay","getNewValue","date","start","end","onDayChange","undefined","isDaySelected","isDayActive","isDaySelectionEnd","dayOfWeek","isHintedDaySelectionEnd","isDaySelectionStart","isHintedDaySelectionStart","onDayEnter","onDayLeave","isDayHinted"],"mappings":"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","sourcesContent":["import * as React from \"react\";\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 } 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 \"./CalendarRange.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    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  ...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 {...props} ref={getRootRef} vkuiClass=\"CalendarRange\">\n      <div vkuiClass=\"CalendarRange__inner\">\n        <CalendarHeader\n          viewDate={viewDate}\n          onChange={setViewDate}\n          nextMonth={false}\n          onPrevMonth={setPrevMonth}\n          disablePickers={disablePickers}\n          vkuiClass=\"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          aria-label={changeDayAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarRange__inner\">\n        <CalendarHeader\n          viewDate={secondViewDate}\n          onChange={setViewDate}\n          prevMonth={false}\n          onNextMonth={setNextMonth}\n          disablePickers={disablePickers}\n          vkuiClass=\"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          tabIndex={0}\n          onBlur={resetSelectedDay}\n        />\n      </div>\n    </div>\n  );\n};\n"],"file":"CalendarRange.js"}
+{"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","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"],"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import * as React from \"react\";\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 } 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 \"./CalendarRange.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    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  ...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 {...props} ref={getRootRef} vkuiClass=\"CalendarRange\">\n      <div vkuiClass=\"CalendarRange__inner\">\n        <CalendarHeader\n          viewDate={viewDate}\n          onChange={setViewDate}\n          nextMonth={false}\n          onPrevMonth={setPrevMonth}\n          disablePickers={disablePickers}\n          vkuiClass=\"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          aria-label={changeDayAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarRange__inner\">\n        <CalendarHeader\n          viewDate={secondViewDate}\n          onChange={setViewDate}\n          prevMonth={false}\n          onNextMonth={setNextMonth}\n          disablePickers={disablePickers}\n          vkuiClass=\"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          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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":["hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","React","useCallback","event","Number","target","onMinutesChange","getHours","SizeType","COMPACT","getMinutes"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAYA,IAAMA,KAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,EAApB,EAAwBA,CAAC,IAAI,CAA7B,EAAgC;AAC9BD,EAAAA,KAAK,CAACE,IAAN,CAAW;AAAEC,IAAAA,KAAK,EAAEF,CAAT;AAAYG,IAAAA,KAAK,EAAEC,MAAM,CAACJ,CAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;AAAnB,GAAX;AACD;;AAED,IAAMC,OAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIN,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAG,EAApB,EAAwBA,EAAC,IAAI,CAA7B,EAAgC;AAC9BM,EAAAA,OAAO,CAACL,IAAR,CAAa;AAAEC,IAAAA,KAAK,EAAEF,EAAT;AAAYG,IAAAA,KAAK,EAAEC,MAAM,CAACJ,EAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;AAAnB,GAAb;AACD;;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAe,OAOH;AAAA,MANvBL,KAMuB,QANvBA,KAMuB;AAAA,iCALvBM,cAKuB;AAAA,MALvBA,cAKuB,oCALN,QAKM;AAAA,MAJvBC,QAIuB,QAJvBA,QAIuB;AAAA,MAHvBC,OAGuB,QAHvBA,OAGuB;AAAA,mCAFvBC,oBAEuB;AAAA,MAFvBA,oBAEuB,sCAFA,cAEA;AAAA,mCADvBC,sBACuB;AAAA,MADvBA,sBACuB,sCADE,iBACF;AACvB,MAAMC,aAAa,GAAGC,KAAK,CAACC,WAAN,CACpB,UAACC,KAAD;AAAA,WACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,oBAASP,KAAT,EAAgBe,MAAM,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAtB,CAAH,CADV;AAAA,GADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;AAKA,MAAMiB,eAAe,GAAGL,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD;AAAA,WACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,sBAAWP,KAAX,EAAkBe,MAAM,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAxB,CAAH,CADV;AAAA,GADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;AAMA,SACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,0BAAD;AACE,IAAA,KAAK,EAAEA,KAAK,CAACkB,QAAN,EADT;AAEE,IAAA,OAAO,EAAErB,KAFX;AAGE,IAAA,QAAQ,EAAEc,aAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEQ,yBAASC,OALlB;AAME,kBAAYX;AANd,IADF,CADF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,SAXF,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,0BAAD;AACE,IAAA,KAAK,EAAET,KAAK,CAACqB,UAAN,EADT;AAEE,IAAA,OAAO,EAAEjB,OAFX;AAGE,IAAA,QAAQ,EAAEa,eAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEE,yBAASC,OALlB;AAME,kBAAYV;AANd,IADF,CAZF,EAsBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,cAAD;AACE,IAAA,KAAK,EAAES,yBAASC,OADlB;AAEE,IAAA,IAAI,EAAC,WAFP;AAGE,IAAA,OAAO,EAAEZ,OAHX;AAIE,IAAA,IAAI,EAAC,GAJP;AAKE,kBAAYF;AALd,KAOGA,cAPH,CADF,CAtBF,CADF;AAoCD,CAvDM","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 \"../../hoc/withAdaptivity\";\nimport \"./CalendarTime.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 vkuiClass=\"CalendarTime\">\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getHours()}\n          options={hours}\n          onChange={onHoursChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeHoursAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__divider\">:</div>\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getMinutes()}\n          options={minutes}\n          onChange={onMinutesChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeMinutesAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__button\">\n        <Button\n          sizeY={SizeType.COMPACT}\n          mode=\"secondary\"\n          onClick={onClose}\n          size=\"l\"\n          aria-label={doneButtonText}\n        >\n          {doneButtonText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"file":"CalendarTime.js"}
+{"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","getHours","SizeType","COMPACT","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 \"../../hoc/withAdaptivity\";\nimport \"./CalendarTime.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 vkuiClass=\"CalendarTime\">\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getHours()}\n          options={hours}\n          onChange={onHoursChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeHoursAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__divider\">:</div>\n      <div vkuiClass=\"CalendarTime__picker\">\n        <CustomSelect\n          value={value.getMinutes()}\n          options={minutes}\n          onChange={onMinutesChange}\n          forceDropdownPortal={false}\n          sizeY={SizeType.COMPACT}\n          aria-label={changeMinutesAriaLabel}\n        />\n      </div>\n      <div vkuiClass=\"CalendarTime__button\">\n        <Button\n          sizeY={SizeType.COMPACT}\n          mode=\"secondary\"\n          onClick={onClose}\n          size=\"l\"\n          aria-label={doneButtonText}\n        >\n          {doneButtonText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAYA,IAAMA,KAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,EAApB,EAAwBA,CAAC,IAAI,CAA7B,EAAgC;EAC9BD,KAAK,CAACE,IAAN,CAAW;IAAEC,KAAK,EAAEF,CAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,CAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAX;AACD;;AAED,IAAMC,OAGJ,GAAG,EAHL;;AAIA,KAAK,IAAIN,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAG,EAApB,EAAwBA,EAAC,IAAI,CAA7B,EAAgC;EAC9BM,OAAO,CAACL,IAAR,CAAa;IAAEC,KAAK,EAAEF,EAAT;IAAYG,KAAK,EAAEC,MAAM,CAACJ,EAAD,CAAN,CAAUK,QAAV,CAAmB,CAAnB,EAAsB,GAAtB;EAAnB,CAAb;AACD;;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAe,OAOH;EAAA,IANvBL,KAMuB,QANvBA,KAMuB;EAAA,+BALvBM,cAKuB;EAAA,IALvBA,cAKuB,oCALN,QAKM;EAAA,IAJvBC,QAIuB,QAJvBA,QAIuB;EAAA,IAHvBC,OAGuB,QAHvBA,OAGuB;EAAA,iCAFvBC,oBAEuB;EAAA,IAFvBA,oBAEuB,sCAFA,cAEA;EAAA,iCADvBC,sBACuB;EAAA,IADvBA,sBACuB,sCADE,iBACF;EACvB,IAAMC,aAAa,GAAGC,KAAK,CAACC,WAAN,CACpB,UAACC,KAAD;IAAA,OACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,IAAAQ,cAAA,EAASf,KAAT,EAAgBgB,MAAM,CAACF,KAAK,CAACG,MAAN,CAAajB,KAAd,CAAtB,CAAH,CADV;EAAA,CADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;EAKA,IAAMkB,eAAe,GAAGN,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD;IAAA,OACEP,QADF,aACEA,QADF,uBACEA,QAAQ,CAAG,IAAAY,gBAAA,EAAWnB,KAAX,EAAkBgB,MAAM,CAACF,KAAK,CAACG,MAAN,CAAajB,KAAd,CAAxB,CAAH,CADV;EAAA,CADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;EAMA,OACE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,0BAAD;IACE,KAAK,EAAEA,KAAK,CAACoB,QAAN,EADT;IAEE,OAAO,EAAEvB,KAFX;IAGE,QAAQ,EAAEc,aAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,KAAK,EAAEU,wBAAA,CAASC,OALlB;IAME,cAAYb;EANd,EADF,CADF,EAWE;IAAK,SAAS,EAAC;EAAf,OAXF,EAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,0BAAD;IACE,KAAK,EAAET,KAAK,CAACuB,UAAN,EADT;IAEE,OAAO,EAAEnB,OAFX;IAGE,QAAQ,EAAEc,eAHZ;IAIE,mBAAmB,EAAE,KAJvB;IAKE,KAAK,EAAEG,wBAAA,CAASC,OALlB;IAME,cAAYZ;EANd,EADF,CAZF,EAsBE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,cAAD;IACE,KAAK,EAAEW,wBAAA,CAASC,OADlB;IAEE,IAAI,EAAC,WAFP;IAGE,OAAO,EAAEd,OAHX;IAIE,IAAI,EAAC,GAJP;IAKE,cAAYF;EALd,GAOGA,cAPH,CADF,CAtBF,CADF;AAoCD,CAvDM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["Card","mode","children","getRootRef","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;AAAA,uBAJfC,IAIe;AAAA,MAJfA,IAIe,0BAJR,MAIQ;AAAA,MAHfC,QAGe,QAHfA,QAGe;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBE,QAArB,CAAX,qBAAuDJ,IAAvD;AAHb,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BC,QAA3B,CALF,CADF;AASD,CAjBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.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  ...restProps\n}: CardProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName(\"Card\", platform), `Card--md-${mode}`)}\n    >\n      <div vkuiClass=\"Card__in\">{children}</div>\n    </div>\n  );\n};\n"],"file":"Card.js"}
+{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","restProps","platform","usePlatform","classNames","getClassName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Card.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  ...restProps\n}: CardProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName(\"Card\", platform), `Card--md-${mode}`)}\n    >\n      <div vkuiClass=\"Card__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,uEACMF,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAI,sBAAA,EAAW,IAAAC,0BAAA,EAAa,MAAb,EAAqBH,QAArB,CAAX,qBAAuDJ,IAAvD;EAHb,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAjBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"names":["CardGridComponent","children","size","spaced","sizeX","restProps","CardGrid","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAaA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAML;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,uBAJnBC,IAImB;AAAA,MAJnBA,IAImB,0BAJZ,GAIY;AAAA,yBAHnBC,MAGmB;AAAA,MAHnBA,MAGmB,4BAHV,KAGU;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;AACnB,SACE,uEACMA,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,UADS,EAETF,MAAM,IAAI,kBAFD,sBAGID,IAHJ,6BAIUE,KAJV,EAIkB;AAJlB;AAFb,MASGH,QATH,CADF;AAaD,CApBD;AAsBA;AACA;AACA;;;AACO,IAAMK,QAAQ,GAAG,oCAAeN,iBAAf,EAAkC;AAAEI,EAAAA,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB,C,CAAmC","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  size: \"s\" | \"m\" | \"l\";\n  /**\n   * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n   */\n  spaced?: boolean;\n}\n\nconst CardGridComponent = ({\n  children,\n  size = \"s\",\n  spaced = false,\n  sizeX,\n  ...restProps\n}: CardGridProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"CardGrid\",\n        spaced && \"CardGrid--spaced\",\n        `CardGrid--${size}`,\n        `CardGrid--sizeX-${sizeX}` // TODO: v5 новая адаптивность\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = withAdaptivity(CardGridComponent, { sizeX: true });\n\nCardGrid.displayName = \"CardGrid\"; // TODO: v5 remove\n"],"file":"CardGrid.js"}
+{"version":3,"file":"CardGrid.js","names":["CardGridComponent","children","size","spaced","sizeX","restProps","classNames","CardGrid","withAdaptivity","displayName"],"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport \"./CardGrid.css\";\n\nexport interface CardGridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  size: \"s\" | \"m\" | \"l\";\n  /**\n   * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа\n   */\n  spaced?: boolean;\n}\n\nconst CardGridComponent = ({\n  children,\n  size = \"s\",\n  spaced = false,\n  sizeX,\n  ...restProps\n}: CardGridProps) => {\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"CardGrid\",\n        spaced && \"CardGrid--spaced\",\n        `CardGrid--${size}`,\n        `CardGrid--sizeX-${sizeX}` // TODO: v5 новая адаптивность\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CardGrid\n */\nexport const CardGrid = withAdaptivity(CardGridComponent, { sizeX: true });\n\nCardGrid.displayName = \"CardGrid\"; // TODO: v5 remove\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAaA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAML;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,qBAJnBC,IAImB;EAAA,IAJnBA,IAImB,0BAJZ,GAIY;EAAA,uBAHnBC,MAGmB;EAAA,IAHnBA,MAGmB,4BAHV,KAGU;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,OACE,uEACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAETH,MAAM,IAAI,kBAFD,sBAGID,IAHJ,6BAIUE,KAJV,EAIkB;IAJlB;EAFb,IASGH,QATH,CADF;AAaD,CApBD;AAsBA;AACA;AACA;;;AACO,IAAMM,QAAQ,GAAG,IAAAC,8BAAA,EAAeR,iBAAf,EAAkC;EAAEI,KAAK,EAAE;AAAT,CAAlC,CAAjB;;AAEPG,QAAQ,CAACE,WAAT,GAAuB,UAAvB,C,CAAmC"}

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

@@ -13,15 +13,13 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var React = _interopRequireWildcard(require("react"));
 
-var _classNames2 = require("../../lib/classNames");
+var _classNames = require("../../lib/classNames");
 
 var _getClassName = require("../../helpers/getClassName");
 
@@ -104,8 +102,7 @@ var CardScroll = function CardScroll(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("CardScroll", platform), "CardScroll--sizeX-".concat(sizeX), "CardScroll--".concat(size), (0, _defineProperty2.default)({}, "CardScroll--withSpaces", withSpaces))
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("CardScroll", platform), "CardScroll--sizeX-".concat(sizeX), "CardScroll--".concat(size), withSpaces && "CardScroll--withSpaces")
   }), (0, _jsxRuntime.createScopedElement)(_HorizontalScroll.HorizontalScroll, {
     getScrollToLeft: getScrollToLeft,
     getScrollToRight: getScrollToRight,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["CardScroll","children","size","showArrows","withSpaces","restProps","platform","sizeX","refContainer","React","useRef","gapRef","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.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  ...restProps\n}: CardScrollProps) => {\n  const platform = usePlatform();\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      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(\n        getClassName(\"CardScroll\", platform),\n        `CardScroll--sizeX-${sizeX}`,\n        `CardScroll--${size}`,\n        { [\"CardScroll--withSpaces\"]: withSpaces }\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"file":"CardScroll.js"}
+{"version":3,"file":"CardScroll.js","names":["CardScroll","children","size","showArrows","withSpaces","restProps","platform","usePlatform","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","getClassName"],"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  HorizontalScroll,\n  HorizontalScrollProps,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./CardScroll.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  ...restProps\n}: CardScrollProps) => {\n  const platform = usePlatform();\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      vkuiClass={classNames(\n        getClassName(\"CardScroll\", platform),\n        `CardScroll--sizeX-${sizeX}`,\n        `CardScroll--${size}`,\n        withSpaces && \"CardScroll--withSpaces\"\n      )}\n    >\n      <HorizontalScroll\n        getScrollToLeft={getScrollToLeft}\n        getScrollToRight={getScrollToRight}\n        showArrows={showArrows}\n      >\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;AAYA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAMH;EAAA,IALrBC,QAKqB,QALrBA,QAKqB;EAAA,qBAJrBC,IAIqB;EAAA,IAJrBA,IAIqB,0BAJd,GAIc;EAAA,2BAHrBC,UAGqB;EAAA,IAHrBA,UAGqB,gCAHR,IAGQ;EAAA,2BAFrBC,UAEqB;EAAA,IAFrBA,UAEqB,gCAFR,IAEQ;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,YAAY,GAAGC,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAArB;EACA,IAAMC,MAAM,GAAGF,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAAf;;EAEA,cAAmB,IAAAE,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EAEA,SAASC,eAAT,CAAyBC,MAAzB,EAAiD;IAC/C,IAAI,CAACP,YAAY,CAACQ,OAAd,IAAyB,CAACL,MAAM,CAACK,OAArC,EAA8C;MAC5C,OAAOD,MAAP;IACD;;IACD,IAAME,cAAc,GAAGT,YAAY,CAACQ,OAAb,CAAqBE,WAA5C;IACA,IAAMC,UAAU,GAAG,iCACbX,YAAY,CAACQ,OAAb,CAAqBjB,QADR,EAEjBqB,SAFiB,CAGjB,UAACC,EAAD;MAAA,OACEA,EAAE,CAACC,UAAH,GACED,EAAE,CAACH,WADL,GAEEK,QAAQ,CAACV,MAAM,CAAEW,gBAAR,CAAyBH,EAAzB,EAA6BI,WAA9B,CAFV,GAGEV,MAHF,IAIA,CALF;IAAA,CAHiB,CAAnB;;IAWA,IAAII,UAAU,KAAK,CAAC,CAApB,EAAuB;MACrB,OAAOJ,MAAP;IACD;;IAED,IAAII,UAAU,KAAK,CAAnB,EAAsB;MACpB,OAAO,CAAP;IACD;;IAED,IAAMO,KAAK,GAAGlB,YAAY,CAACQ,OAAb,CAAqBjB,QAArB,CAA8BoB,UAA9B,CAAd;IAEA,IAAMQ,QAAQ,GACZD,KAAK,CAACJ,UAAN,IACCL,cAAc,GAAGS,KAAK,CAACR,WADxB,IAEAP,MAAM,CAACK,OAAP,CAAeE,WAHjB;;IAKA,IAAIS,QAAQ,IAAI,IAAIhB,MAAM,CAACK,OAAP,CAAeE,WAAnC,EAAgD;MAC9C,OAAO,CAAP;IACD;;IAED,OAAOS,QAAP;EACD;;EAED,SAASC,gBAAT,CAA0Bb,MAA1B,EAAkD;IAChD,IAAI,CAACP,YAAY,CAACQ,OAAd,IAAyB,CAACL,MAAM,CAACK,OAArC,EAA8C;MAC5C,OAAOD,MAAP;IACD;;IAED,IAAME,cAAc,GAAGT,YAAY,CAACQ,OAAb,CAAqBE,WAA5C;IACA,IAAMQ,KAAK,GAAGG,KAAK,CAACC,SAAN,CAAgBC,IAAhB,CAAqBC,IAArB,CACZxB,YAAY,CAACQ,OAAb,CAAqBjB,QADT,EAEZ,UAACsB,EAAD;MAAA,OACEA,EAAE,CAACC,UAAH,GAAgBD,EAAE,CAACH,WAAnB,GAAiCH,MAAjC,GAA0CE,cAD5C;IAAA,CAFY,CAAd;;IAMA,IAAI,CAACS,KAAL,EAAY;MACV,OAAOX,MAAP;IACD;;IAED,OAAOW,KAAK,CAACJ,UAAN,GAAmBX,MAAM,CAACK,OAAP,CAAeE,WAAzC;EACD;;EAED,OACE,uEACMf,SADN;IAEE,SAAS,EAAE,IAAA8B,sBAAA,EACT,IAAAC,0BAAA,EAAa,YAAb,EAA2B9B,QAA3B,CADS,8BAEYG,KAFZ,yBAGMP,IAHN,GAITE,UAAU,IAAI,wBAJL;EAFb,IASE,qCAAC,kCAAD;IACE,eAAe,EAAEY,eADnB;IAEE,gBAAgB,EAAEc,gBAFpB;IAGE,UAAU,EAAE3B;EAHd,GAKE;IAAK,SAAS,EAAC,gBAAf;IAAgC,GAAG,EAAEO;EAArC,GACE;IAAM,SAAS,EAAC,iBAAhB;IAAkC,GAAG,EAAEG;EAAvC,EADF,EAEGZ,QAFH,EAGE;IAAM,SAAS,EAAC;EAAhB,EAHF,CALF,CATF,CADF;AAuBD,CA/FM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"names":["warn","Cell","propsMode","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","deprecatedRemovable","removable","draggable","deprecatedSelectable","selectable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","process","env","NODE_ENV","platform","rootElRef","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","IOS","simpleCell","e","current"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { IOS } from \"../../lib/platform\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform, 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 \"./Cell.css\";\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, \"getRootRef\">,\n    HasPlatform,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"removable\" | \"selectable\";\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"removable\"\n   */\n  removable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"selectable\"\n   */\n  selectable?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса checked, как зависящий напрямую от входящего значения\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\nconst warn = warnOnce(\"Cell\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode: propsMode, // TODO: убрать переименование в propsMode перед 5.0.0\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  removable: deprecatedRemovable, // TODO: удалить перед 5.0.0\n  draggable,\n  selectable: deprecatedSelectable, // TODO: удалить перед 5.0.0\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  // TODO: удалить перед 5.0.0\n  let mode: CellProps[\"mode\"] = propsMode;\n\n  if (!propsMode && (deprecatedSelectable || deprecatedRemovable)) {\n    mode = deprecatedSelectable ? \"selectable\" : \"removable\";\n\n    if (process.env.NODE_ENV === \"development\") {\n      deprecatedSelectable &&\n        warn(\n          'Свойство selectable устарело и будет удалено в 5.0.0. Используйте mode=\"selectable\".'\n        );\n      deprecatedRemovable &&\n        warn(\n          'Свойство removable устарело и будет удалено в 5.0.0. Используйте mode=\"removable\".'\n        );\n    }\n  }\n  // /end TODO\n\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        vkuiClass=\"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 vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    \"Cell\",\n    platform === IOS && \"Cell--ios\",\n    dragging && \"Cell--dragging\",\n    removable && \"Cell--removable\",\n    selectable && \"Cell--selectable\",\n    disabled && \"Cell--disabled\"\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      vkuiClass=\"Cell__content\"\n      disabled={simpleCellDisabled}\n      Component={selectable ? \"label\" : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        vkuiClass={cellClasses}\n        className={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      vkuiClass={cellClasses}\n      className={className}\n      style={style}\n      ref={rootElRef}\n    >\n      {simpleCell}\n    </div>\n  );\n};\n"],"file":"Cell.js"}
+{"version":3,"file":"Cell.js","names":["warn","warnOnce","Cell","propsMode","mode","onRemove","noop","removePlaceholder","onDragFinish","before","after","disabled","deprecatedRemovable","removable","draggable","deprecatedSelectable","selectable","Component","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","restProps","process","env","NODE_ENV","platform","usePlatform","rootElRef","useExternRef","useDraggable","dragging","draggableProps","React","useContext","ListContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","classNames","IOS","simpleCell","e","current"],"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { IOS } from \"../../lib/platform\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport { HasPlatform, 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 \"./Cell.css\";\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, \"getRootRef\">,\n    HasPlatform,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"removable\" | \"selectable\";\n  /**\n   * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет\n   */\n  draggable?: boolean;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"removable\"\n   */\n  removable?: boolean;\n  /**\n   * Имя для input в режиме selectable\n   */\n  name?: string;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте mode=\"selectable\"\n   */\n  selectable?: boolean;\n  /**\n   * В режиме selectable реагирует на входящие значения пропса checked, как зависящий напрямую от входящего значения\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\nconst warn = warnOnce(\"Cell\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Cell\n */\nexport const Cell = ({\n  mode: propsMode, // TODO: убрать переименование в propsMode перед 5.0.0\n  onRemove = noop,\n  removePlaceholder = \"Удалить\",\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  removable: deprecatedRemovable, // TODO: удалить перед 5.0.0\n  draggable,\n  selectable: deprecatedSelectable, // TODO: удалить перед 5.0.0\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  // TODO: удалить перед 5.0.0\n  let mode: CellProps[\"mode\"] = propsMode;\n\n  if (!propsMode && (deprecatedSelectable || deprecatedRemovable)) {\n    mode = deprecatedSelectable ? \"selectable\" : \"removable\";\n\n    if (process.env.NODE_ENV === \"development\") {\n      deprecatedSelectable &&\n        warn(\n          'Свойство selectable устарело и будет удалено в 5.0.0. Используйте mode=\"selectable\".'\n        );\n      deprecatedRemovable &&\n        warn(\n          'Свойство removable устарело и будет удалено в 5.0.0. Используйте mode=\"removable\".'\n        );\n    }\n  }\n  // /end TODO\n\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        vkuiClass=\"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 vkuiClass=\"Cell__checkbox\" {...checkboxProps} />;\n  }\n\n  const simpleCellDisabled =\n    (draggable && !selectable) || removable || disabled;\n  const hasActive = !simpleCellDisabled && !dragging;\n\n  const cellClasses = classNames(\n    \"Cell\",\n    platform === IOS && \"Cell--ios\",\n    dragging && \"Cell--dragging\",\n    removable && \"Cell--removable\",\n    selectable && \"Cell--selectable\",\n    disabled && \"Cell--disabled\"\n  );\n\n  const simpleCell = (\n    <SimpleCell\n      hasActive={hasActive}\n      hasHover={hasActive}\n      {...restProps}\n      vkuiClass=\"Cell__content\"\n      disabled={simpleCellDisabled}\n      Component={selectable ? \"label\" : Component}\n      before={\n        <React.Fragment>\n          {draggable && platform !== IOS && dragger}\n          {selectable && checkbox}\n          {before}\n        </React.Fragment>\n      }\n      after={\n        <React.Fragment>\n          {draggable && platform === IOS && dragger}\n          {after}\n        </React.Fragment>\n      }\n    />\n  );\n\n  if (removable) {\n    return (\n      <Removable\n        vkuiClass={cellClasses}\n        className={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      vkuiClass={cellClasses}\n      className={className}\n      style={style}\n      ref={rootElRef}\n    >\n      {simpleCell}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"names":["CellCheckbox","className","style","restProps","platform","IconOff","ANDROID","Icon24CheckBoxOff","Icon24CheckCircleOff","IconOn","Icon24CheckBoxOn","Icon24CheckCircleOn"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAIH;AAAA,MAHvBC,SAGuB,QAHvBA,SAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,OAAO,GACXD,QAAQ,KAAKE,iBAAb,GAAuBC,wBAAvB,GAA2CC,2BAD7C;AAGA,MAAMC,MAAM,GAAGL,QAAQ,KAAKE,iBAAb,GAAuBI,uBAAvB,GAA0CC,0BAAzD;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,cAAb,EAA6BP,QAA7B,CAAX,CADb;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,KAAK,EAAEC;AAHT,KAKE;AAAO,IAAA,SAAS,EAAC,qBAAjB;AAAuC,IAAA,IAAI,EAAC;AAA5C,KAA2DC,SAA3D,EALF,EAME,qCAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,IANF,EAOE,qCAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,IAPF,CADF;AAWD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { ANDROID } from \"../../../lib/platform\";\nimport { CellProps } from \"../Cell\";\nimport \"./CellCheckbox.css\";\n\nexport type CellCheckboxProps = Pick<CellProps, \"defaultChecked\" | \"checked\"> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({\n  className,\n  style,\n  ...restProps\n}: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === ANDROID ? Icon24CheckBoxOff : Icon24CheckCircleOff;\n\n  const IconOn = platform === ANDROID ? Icon24CheckBoxOn : Icon24CheckCircleOn;\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"CellCheckbox\", platform))}\n      className={className}\n      style={style}\n    >\n      <input vkuiClass=\"CellCheckbox__input\" type=\"checkbox\" {...restProps} />\n      <IconOff vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--off\" />\n      <IconOn vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--on\" />\n    </div>\n  );\n};\n"],"file":"CellCheckbox.js"}
+{"version":3,"file":"CellCheckbox.js","names":["CellCheckbox","className","style","restProps","platform","usePlatform","IconOff","ANDROID","Icon24CheckBoxOff","Icon24CheckCircleOff","IconOn","Icon24CheckBoxOn","Icon24CheckCircleOn","classNames","getClassName"],"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckCircleOff,\n  Icon24CheckCircleOn,\n} from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { ANDROID } from \"../../../lib/platform\";\nimport { CellProps } from \"../Cell\";\nimport \"./CellCheckbox.css\";\n\nexport type CellCheckboxProps = Pick<CellProps, \"defaultChecked\" | \"checked\"> &\n  React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const CellCheckbox = ({\n  className,\n  style,\n  ...restProps\n}: CellCheckboxProps) => {\n  const platform = usePlatform();\n\n  const IconOff =\n    platform === ANDROID ? Icon24CheckBoxOff : Icon24CheckCircleOff;\n\n  const IconOn = platform === ANDROID ? Icon24CheckBoxOn : Icon24CheckCircleOn;\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName(\"CellCheckbox\", platform))}\n      className={className}\n      style={style}\n    >\n      <input vkuiClass=\"CellCheckbox__input\" type=\"checkbox\" {...restProps} />\n      <IconOff vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--off\" />\n      <IconOn vkuiClass=\"CellCheckbox__icon CellCheckbox__icon--on\" />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;AAOO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAIH;EAAA,IAHvBC,SAGuB,QAHvBA,SAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GACXF,QAAQ,KAAKG,iBAAb,GAAuBC,wBAAvB,GAA2CC,2BAD7C;EAGA,IAAMC,MAAM,GAAGN,QAAQ,KAAKG,iBAAb,GAAuBI,uBAAvB,GAA0CC,0BAAzD;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,cAAb,EAA6BV,QAA7B,CAAX,CADb;IAEE,SAAS,EAAEH,SAFb;IAGE,KAAK,EAAEC;EAHT,GAKE;IAAO,SAAS,EAAC,qBAAjB;IAAuC,IAAI,EAAC;EAA5C,GAA2DC,SAA3D,EALF,EAME,qCAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,EANF,EAOE,qCAAC,MAAD;IAAQ,SAAS,EAAC;EAAlB,EAPF,CADF;AAWD,CAvBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"names":["CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","onClick","React","useCallback","e","preventDefault","IOS"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;AAAA,MAJtBC,WAIsB,QAJtBA,WAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,SAEsB,QAFtBA,SAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAMC,OAAO,GAAGC,KAAK,CAACC,WAAN,CAAkB,UAACC,CAAD,EAAyB;AACzDA,IAAAA,CAAC,CAACC,cAAF;AACD,GAFe,EAEb,EAFa,CAAhB;AAIA,SACE,qCAAC,YAAD;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,aAAb,EAA4BL,QAA5B,CAAX,CADb;AAEE,IAAA,OAAO,EAAEJ,WAFX;AAGE,IAAA,OAAO,EAAEC,UAHX;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,OAAO,EAAEG;AALX,KAMMF,SANN,GAQGC,QAAQ,KAAKM,aAAb,GAAmB,qCAAC,uBAAD,OAAnB,GAA0C,qCAAC,oBAAD,OAR7C,CADF;AAYD,CAxBM","sourcesContent":["import * as React from \"react\";\nimport { Icon24Reorder, Icon24ReorderIos } from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { IOS } from \"../../../lib/platform\";\nimport { Touch } from \"../../Touch/Touch\";\nimport { DraggableProps } from \"../useDraggable\";\nimport \"./CellDragger.css\";\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      vkuiClass={classNames(getClassName(\"CellDragger\", platform))}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"file":"CellDragger.js"}
+{"version":3,"file":"CellDragger.js","names":["CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","usePlatform","onClick","React","useCallback","e","preventDefault","classNames","getClassName","IOS"],"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Reorder, Icon24ReorderIos } from \"@vkontakte/icons\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { IOS } from \"../../../lib/platform\";\nimport { Touch } from \"../../Touch/Touch\";\nimport { DraggableProps } from \"../useDraggable\";\nimport \"./CellDragger.css\";\n\ntype CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;\n\nexport const CellDragger = ({\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  ...restProps\n}: CellDraggerProps) => {\n  const platform = usePlatform();\n\n  const onClick = React.useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <Touch\n      vkuiClass={classNames(getClassName(\"CellDragger\", platform))}\n      onStart={onDragStart}\n      onMoveY={onDragMove}\n      onEnd={onDragEnd}\n      onClick={onClick}\n      {...restProps}\n    >\n      {platform === IOS ? <Icon24ReorderIos /> : <Icon24Reorder />}\n    </Touch>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,WAIsB,QAJtBA,WAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,SAEsB,QAFtBA,SAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAMC,OAAO,GAAGC,KAAK,CAACC,WAAN,CAAkB,UAACC,CAAD,EAAyB;IACzDA,CAAC,CAACC,cAAF;EACD,CAFe,EAEb,EAFa,CAAhB;EAIA,OACE,qCAAC,YAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,IAAAC,0BAAA,EAAa,aAAb,EAA4BR,QAA5B,CAAX,CADb;IAEE,OAAO,EAAEJ,WAFX;IAGE,OAAO,EAAEC,UAHX;IAIE,KAAK,EAAEC,SAJT;IAKE,OAAO,EAAEI;EALX,GAMMH,SANN,GAQGC,QAAQ,KAAKS,aAAb,GAAmB,qCAAC,uBAAD,OAAnB,GAA0C,qCAAC,oBAAD,OAR7C,CADF;AAYD,CAxBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":["useDraggable","rootElRef","onDragFinish","React","useState","dragging","setDragging","siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","undefined","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","parentElement","childNodes","Array","from","children","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","to","useDraggableProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { TouchEvent } from \"../Touch/Touch\";\nimport { CellProps } from \"./Cell\";\n\nexport interface DraggableProps {\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n  dragging: boolean;\n}\n\nexport const useDraggable = <T extends HTMLElement>({\n  rootElRef,\n  onDragFinish,\n}: Pick<CellProps, \"onDragFinish\"> & {\n  rootElRef: React.MutableRefObject<T | null>;\n}) => {\n  const [dragging, setDragging] = React.useState<boolean>(false);\n\n  const [siblings, setSiblings] = React.useState<HTMLElement[]>([]);\n  const [dragStartIndex, setDragStartIndex] = React.useState<number>(0);\n  const [dragEndIndex, setDragEndIndex] = React.useState<number>(0);\n  const [dragShift, setDragShift] = React.useState<number>(0);\n  const [dragDirection, setDragDirection] = React.useState<\n    \"down\" | \"up\" | undefined\n  >(undefined);\n\n  const onDragStart = () => {\n    const rootEl = rootElRef.current;\n    if (!rootEl) {\n      return;\n    }\n\n    setDragging(true);\n\n    let _siblings: HTMLElement[] = [];\n    if (rootEl.parentElement?.childNodes) {\n      _siblings = Array.from(rootEl.parentElement.children) as HTMLElement[];\n    }\n    const idx = _siblings.indexOf(rootEl);\n\n    setDragStartIndex(idx);\n    setDragEndIndex(idx);\n    setSiblings(_siblings);\n    setDragShift(0);\n  };\n\n  const onDragMove = (e: TouchEvent) => {\n    e.originalEvent.preventDefault();\n\n    const rootEl = rootElRef.current;\n\n    if (rootEl) {\n      rootEl.style.transform = `translateY(${e.shiftY}px)`;\n      const rootGesture = rootEl.getBoundingClientRect();\n\n      setDragDirection(dragShift - e.shiftY < 0 ? \"down\" : \"up\");\n      setDragShift(e.shiftY);\n      setDragEndIndex(dragStartIndex);\n\n      siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n        const siblingGesture = sibling.getBoundingClientRect();\n        const siblingHalfHeight = siblingGesture.height / 2;\n\n        const rootOverSibling =\n          rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n        const rootUnderSibling =\n          rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n        if (dragStartIndex < siblingIndex) {\n          if (rootOverSibling) {\n            if (dragDirection === \"down\") {\n              sibling.style.transform = \"translateY(-100%)\";\n            }\n\n            setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n          }\n          if (rootUnderSibling && dragDirection === \"up\") {\n            sibling.style.transform = \"translateY(0)\";\n          }\n        } else if (dragStartIndex > siblingIndex) {\n          if (rootUnderSibling) {\n            if (dragDirection === \"up\") {\n              sibling.style.transform = \"translateY(100%)\";\n            }\n\n            setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n          }\n          if (rootOverSibling && dragDirection === \"down\") {\n            sibling.style.transform = \"translateY(0)\";\n          }\n        }\n      });\n    }\n  };\n\n  const onDragEnd = () => {\n    const [from, to] = [dragStartIndex, dragEndIndex];\n\n    siblings.forEach((sibling: HTMLElement) => {\n      sibling.style.transform = \"\";\n    });\n\n    setSiblings([]);\n    setDragEndIndex(0);\n    setDragStartIndex(0);\n    setDragDirection(undefined);\n    setDragShift(0);\n\n    setDragging(false);\n\n    onDragFinish && onDragFinish({ from, to });\n  };\n\n  const useDraggableProps: UseDraggableProps = {\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    dragging,\n  };\n\n  return useDraggableProps;\n};\n"],"file":"useDraggable.js"}
+{"version":3,"file":"useDraggable.js","names":["useDraggable","rootElRef","onDragFinish","React","useState","dragging","setDragging","siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","undefined","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","parentElement","childNodes","Array","from","children","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","to","useDraggableProps"],"sources":["../../../../src/components/Cell/useDraggable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TouchEvent } from \"../Touch/Touch\";\nimport { CellProps } from \"./Cell\";\n\nexport interface DraggableProps {\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n  dragging: boolean;\n}\n\nexport const useDraggable = <T extends HTMLElement>({\n  rootElRef,\n  onDragFinish,\n}: Pick<CellProps, \"onDragFinish\"> & {\n  rootElRef: React.MutableRefObject<T | null>;\n}) => {\n  const [dragging, setDragging] = React.useState<boolean>(false);\n\n  const [siblings, setSiblings] = React.useState<HTMLElement[]>([]);\n  const [dragStartIndex, setDragStartIndex] = React.useState<number>(0);\n  const [dragEndIndex, setDragEndIndex] = React.useState<number>(0);\n  const [dragShift, setDragShift] = React.useState<number>(0);\n  const [dragDirection, setDragDirection] = React.useState<\n    \"down\" | \"up\" | undefined\n  >(undefined);\n\n  const onDragStart = () => {\n    const rootEl = rootElRef.current;\n    if (!rootEl) {\n      return;\n    }\n\n    setDragging(true);\n\n    let _siblings: HTMLElement[] = [];\n    if (rootEl.parentElement?.childNodes) {\n      _siblings = Array.from(rootEl.parentElement.children) as HTMLElement[];\n    }\n    const idx = _siblings.indexOf(rootEl);\n\n    setDragStartIndex(idx);\n    setDragEndIndex(idx);\n    setSiblings(_siblings);\n    setDragShift(0);\n  };\n\n  const onDragMove = (e: TouchEvent) => {\n    e.originalEvent.preventDefault();\n\n    const rootEl = rootElRef.current;\n\n    if (rootEl) {\n      rootEl.style.transform = `translateY(${e.shiftY}px)`;\n      const rootGesture = rootEl.getBoundingClientRect();\n\n      setDragDirection(dragShift - e.shiftY < 0 ? \"down\" : \"up\");\n      setDragShift(e.shiftY);\n      setDragEndIndex(dragStartIndex);\n\n      siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n        const siblingGesture = sibling.getBoundingClientRect();\n        const siblingHalfHeight = siblingGesture.height / 2;\n\n        const rootOverSibling =\n          rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n        const rootUnderSibling =\n          rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n        if (dragStartIndex < siblingIndex) {\n          if (rootOverSibling) {\n            if (dragDirection === \"down\") {\n              sibling.style.transform = \"translateY(-100%)\";\n            }\n\n            setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n          }\n          if (rootUnderSibling && dragDirection === \"up\") {\n            sibling.style.transform = \"translateY(0)\";\n          }\n        } else if (dragStartIndex > siblingIndex) {\n          if (rootUnderSibling) {\n            if (dragDirection === \"up\") {\n              sibling.style.transform = \"translateY(100%)\";\n            }\n\n            setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n          }\n          if (rootOverSibling && dragDirection === \"down\") {\n            sibling.style.transform = \"translateY(0)\";\n          }\n        }\n      });\n    }\n  };\n\n  const onDragEnd = () => {\n    const [from, to] = [dragStartIndex, dragEndIndex];\n\n    siblings.forEach((sibling: HTMLElement) => {\n      sibling.style.transform = \"\";\n    });\n\n    setSiblings([]);\n    setDragEndIndex(0);\n    setDragStartIndex(0);\n    setDragDirection(undefined);\n    setDragShift(0);\n\n    setDragging(false);\n\n    onDragFinish && onDragFinish({ from, to });\n  };\n\n  const useDraggableProps: UseDraggableProps = {\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    dragging,\n  };\n\n  return useDraggableProps;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CellButton/CellButton.tsx"],"names":["CellButton","centered","mode","restProps"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIH;AAAA,2BAHrBC,QAGqB;AAAA,MAHrBA,QAGqB,8BAHV,KAGU;AAAA,uBAFrBC,IAEqB;AAAA,MAFrBA,IAEqB,0BAFd,SAEc;AAAA,MADlBC,SACkB;AACrB,SACE,qCAAC,sBAAD;AACE,IAAA,eAAe,EAAE;AADnB,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAE,4BACT,YADS,wBAEMD,IAFN,GAGTD,QAAQ,IAAI,sBAHH;AAHb,KADF;AAWD,CAhBM","sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport \"./CellButton.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      vkuiClass={classNames(\n        \"CellButton\",\n        `CellButton--${mode}`,\n        centered && \"CellButton--centered\"\n      )}\n    />\n  );\n};\n"],"file":"CellButton.js"}
+{"version":3,"file":"CellButton.js","names":["CellButton","centered","mode","restProps","classNames"],"sources":["../../../../src/components/CellButton/CellButton.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport { SimpleCell, SimpleCellProps } from \"../SimpleCell/SimpleCell\";\nimport \"./CellButton.css\";\n\nexport interface CellButtonProps extends SimpleCellProps {\n  mode?: \"primary\" | \"danger\";\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CellButton\n */\nexport const CellButton = ({\n  centered = false,\n  mode = \"primary\",\n  ...restProps\n}: CellButtonProps) => {\n  return (\n    <SimpleCell\n      stopPropagation={true}\n      {...restProps}\n      vkuiClass={classNames(\n        \"CellButton\",\n        `CellButton--${mode}`,\n        centered && \"CellButton--centered\"\n      )}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAIH;EAAA,yBAHrBC,QAGqB;EAAA,IAHrBA,QAGqB,8BAHV,KAGU;EAAA,qBAFrBC,IAEqB;EAAA,IAFrBA,IAEqB,0BAFd,SAEc;EAAA,IADlBC,SACkB;EACrB,OACE,qCAAC,sBAAD;IACE,eAAe,EAAE;EADnB,GAEMA,SAFN;IAGE,SAAS,EAAE,IAAAC,sBAAA,EACT,YADS,wBAEMF,IAFN,GAGTD,QAAQ,IAAI,sBAHH;EAHb,GADF;AAWD,CAhBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":["warn","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","sizeY","onChange","restProps","inputRef","platform","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","disabled","IOS","ACTIVE_EFFECT_DELAY","SizeType","COMPACT","VKCOM"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AASA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAaA,IAAMA,IAAI,GAAG,wBAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAYH;AAAA,MAXnBC,QAWmB,QAXnBA,QAWmB;AAAA,MAVnBC,SAUmB,QAVnBA,SAUmB;AAAA,MATnBC,KASmB,QATnBA,KASmB;AAAA,MARnBC,UAQmB,QARnBA,UAQmB;AAAA,MAPnBC,MAOmB,QAPnBA,MAOmB;AAAA,MANnBC,WAMmB,QANnBA,WAMmB;AAAA,MALnBC,aAKmB,QALnBA,aAKmB;AAAA,MAJnBC,oBAImB,QAJnBA,oBAImB;AAAA,MAHnBC,KAGmB,QAHnBA,KAGmB;AAAA,MAFnBC,QAEmB,QAFnBA,QAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,gCAAaP,MAAb,CAAjB;AACA,MAAMQ,QAAQ,GAAG,+BAAjB;AAEAC,EAAAA,KAAK,CAACC,SAAN,CAAgB,YAAM;AACpB,QAAMC,kBAAkB,GACtBT,aAAa,KAAKU,SAAlB,GAA8BT,oBAA9B,GAAqDD,aADvD;;AAGA,QAAIK,QAAQ,CAACM,OAAb,EAAsB;AACpBN,MAAAA,QAAQ,CAACM,OAAT,CAAiBX,aAAjB,GAAiCY,OAAO,CAACH,kBAAD,CAAxC;AACD;AACF,GAPD,EAOG,CAACR,oBAAD,EAAuBD,aAAvB,EAAsCK,QAAtC,CAPH;AASA,MAAMQ,YAAuC,GAAGN,KAAK,CAACO,WAAN,CAC9C,UAACC,KAAD,EAAgD;AAC9C,QACEd,oBAAoB,KAAKS,SAAzB,IACAV,aAAa,KAAKU,SADlB,IAEAN,SAAS,CAACY,OAAV,KAAsBN,SAFtB,IAGAL,QAAQ,CAACM,OAJX,EAKE;AACAN,MAAAA,QAAQ,CAACM,OAAT,CAAiBX,aAAjB,GAAiC,KAAjC;AACD;;AACD,QAAIA,aAAa,KAAKU,SAAlB,IAA+BL,QAAQ,CAACM,OAA5C,EAAqD;AACnDN,MAAAA,QAAQ,CAACM,OAAT,CAAiBX,aAAjB,GAAiCA,aAAjC;AACD;;AACDG,IAAAA,QAAQ,IAAIA,QAAQ,CAACY,KAAD,CAApB;AACD,GAd6C,EAe9C,CAACd,oBAAD,EAAuBD,aAAvB,EAAsCI,SAAS,CAACY,OAAhD,EAAyDb,QAAzD,EAAmEE,QAAnE,CAf8C,CAAhD;;AAkBA,MAAIY,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QAAIlB,oBAAoB,IAAIG,SAAS,CAACgB,cAAtC,EAAsD;AACpD5B,MAAAA,IAAI,CACF,uEADE,EAEF,OAFE,CAAJ;AAID;;AAED,QAAIQ,aAAa,IAAII,SAAS,CAACY,OAA/B,EAAwC;AACtCxB,MAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,QAAIY,SAAS,CAACgB,cAAV,IAA4BhB,SAAS,CAACY,OAA1C,EAAmD;AACjDxB,MAAAA,IAAI,CAAC,0DAAD,EAA6D,OAA7D,CAAJ;AACD;AACF;;AAED,SACE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,SAAS,EAAE,4BACT,UADS,4BAEUU,KAFV,GAGT,EAAE,yBAAaR,QAAb,KAA0B,yBAAaK,WAAb,CAA5B,uBAHS,CAFb;AAQE,IAAA,SAAS,EAAEJ,SARb;AASE,IAAA,KAAK,EAAEC,KATT;AAUE,IAAA,QAAQ,EAAEQ,SAAS,CAACiB,QAVtB;AAWE,IAAA,iBAAiB,EAAEf,QAAQ,KAAKgB,aAAb,GAAmB,GAAnB,GAAyBC,6BAX9C;AAYE,IAAA,UAAU,EAAE1B;AAZd,KAcE,qCAAC,wCAAD,6BACMO,SADN;AAEE,IAAA,QAAQ,EAAES,YAFZ;AAGE,IAAA,IAAI,EAAC,UAHP;AAIE,IAAA,SAAS,EAAC,iBAJZ;AAKE,IAAA,MAAM,EAAER;AALV,KAdF,EAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGH,KAAK,KAAKsB,yBAASC,OAAnB,IAA8BnB,QAAQ,KAAKoB,eAA3C,GACC,qCAAC,uBAAD;AAAkB;AAAlB,IADD,GAGC,qCAAC,uBAAD;AAAkB;AAAlB,IAJJ,CArBF,EA4BE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGxB,KAAK,KAAKsB,yBAASC,OAAnB,IAA8BnB,QAAQ,KAAKoB,eAA3C,GACC,qCAAC,wBAAD;AAAmB;AAAnB,IADD,GAGC,qCAAC,wBAAD;AAAmB;AAAnB,IAJJ,CA5BF,EAmCE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,kCAAD;AACE,uBADF;AAEE,IAAA,KAAK,EAAExB,KAAK,KAAKsB,yBAASC,OAAnB,IAA8BnB,QAAQ,KAAKoB,eAA3C,GAAmD,EAAnD,GAAwD,EAFjE;AAGE,IAAA,MAAM,EAAExB,KAAK,KAAKsB,yBAASC,OAAnB,IAA8BnB,QAAQ,KAAKoB,eAA3C,GAAmD,EAAnD,GAAwD;AAHlE,IADF,CAnCF,EA0CE,qCAAC,UAAD;AAAM,IAAA,SAAS,EAAC,mBAAhB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqChC,QAArC,CADF,EAEG,yBAAaK,WAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA4CA,WAA5C,CAHJ,CA1CF,CADF;AAmDD,CA/GM,C,CAiHP;;;;;eACe,oCAAeN,QAAf,EAAyB;AACtCS,EAAAA,KAAK,EAAE;AAD+B,CAAzB,C","sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  sizeY,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        \"Checkbox\",\n        `Checkbox--sizeY-${sizeY}`,\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          `Checkbox--simple`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"Checkbox__input\"\n        getRef={inputRef}\n      />\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOn aria-hidden />\n        ) : (\n          <Icon24CheckBoxOn aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOff aria-hidden />\n        ) : (\n          <Icon24CheckBoxOff aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n        <Icon20CheckBoxIndetermanate\n          aria-hidden\n          width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n        />\n      </div>\n      <Text vkuiClass=\"Checkbox__content\" Component=\"div\">\n        <div vkuiClass=\"Checkbox__children\">{children}</div>\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Checkbox__description\">{description}</Caption>\n        )}\n      </Text>\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n  sizeY: true,\n});\n"],"file":"Checkbox.js"}
+{"version":3,"file":"Checkbox.js","names":["warn","warnOnce","Checkbox","children","className","style","getRootRef","getRef","description","indeterminate","defaultIndeterminate","sizeY","onChange","restProps","inputRef","useExternRef","platform","usePlatform","React","useEffect","indeterminateValue","undefined","current","Boolean","handleChange","useCallback","event","checked","process","env","NODE_ENV","defaultChecked","classNames","hasReactNode","disabled","IOS","ACTIVE_EFFECT_DELAY","SizeType","COMPACT","VKCOM","withAdaptivity"],"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ACTIVE_EFFECT_DELAY, Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\n\nimport {\n  Icon20CheckBoxOn,\n  Icon20CheckBoxOff,\n  Icon24CheckBoxOn,\n  Icon24CheckBoxOff,\n  Icon20CheckBoxIndetermanate,\n} from \"@vkontakte/icons\";\n\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Checkbox.css\";\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasRef<HTMLInputElement>,\n    AdaptivityProps {\n  description?: React.ReactNode;\n  indeterminate?: boolean;\n  defaultIndeterminate?: boolean;\n}\n\nconst warn = warnOnce(\"Checkbox\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Checkbox\n */\nexport const Checkbox = ({\n  children,\n  className,\n  style,\n  getRootRef,\n  getRef,\n  description,\n  indeterminate,\n  defaultIndeterminate,\n  sizeY,\n  onChange,\n  ...restProps\n}: CheckboxProps) => {\n  const inputRef = useExternRef(getRef);\n  const platform = usePlatform();\n\n  React.useEffect(() => {\n    const indeterminateValue =\n      indeterminate === undefined ? defaultIndeterminate : indeterminate;\n\n    if (inputRef.current) {\n      inputRef.current.indeterminate = Boolean(indeterminateValue);\n    }\n  }, [defaultIndeterminate, indeterminate, inputRef]);\n\n  const handleChange: CheckboxProps[\"onChange\"] = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (\n        defaultIndeterminate !== undefined &&\n        indeterminate === undefined &&\n        restProps.checked === undefined &&\n        inputRef.current\n      ) {\n        inputRef.current.indeterminate = false;\n      }\n      if (indeterminate !== undefined && inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n      onChange && onChange(event);\n    },\n    [defaultIndeterminate, indeterminate, restProps.checked, onChange, inputRef]\n  );\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (defaultIndeterminate && restProps.defaultChecked) {\n      warn(\n        \"defaultIndeterminate и defaultChecked не могут быть true одновременно\",\n        \"error\"\n      );\n    }\n\n    if (indeterminate && restProps.checked) {\n      warn(\"indeterminate и checked не могут быть true одновременно\", \"error\");\n    }\n\n    if (restProps.defaultChecked && restProps.checked) {\n      warn(\"defaultChecked и checked не могут быть true одновременно\", \"error\");\n    }\n  }\n\n  return (\n    <Tappable\n      Component=\"label\"\n      vkuiClass={classNames(\n        \"Checkbox\",\n        `Checkbox--sizeY-${sizeY}`,\n        !(hasReactNode(children) || hasReactNode(description)) &&\n          `Checkbox--simple`\n      )}\n      className={className}\n      style={style}\n      disabled={restProps.disabled}\n      activeEffectDelay={platform === IOS ? 100 : ACTIVE_EFFECT_DELAY}\n      getRootRef={getRootRef}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        onChange={handleChange}\n        type=\"checkbox\"\n        vkuiClass=\"Checkbox__input\"\n        getRef={inputRef}\n      />\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--on\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOn aria-hidden />\n        ) : (\n          <Icon24CheckBoxOn aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--off\">\n        {sizeY === SizeType.COMPACT || platform === VKCOM ? (\n          <Icon20CheckBoxOff aria-hidden />\n        ) : (\n          <Icon24CheckBoxOff aria-hidden />\n        )}\n      </div>\n      <div vkuiClass=\"Checkbox__icon Checkbox__icon--indeterminate\">\n        <Icon20CheckBoxIndetermanate\n          aria-hidden\n          width={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n          height={sizeY === SizeType.COMPACT || platform === VKCOM ? 20 : 24}\n        />\n      </div>\n      <Text vkuiClass=\"Checkbox__content\" Component=\"div\">\n        <div vkuiClass=\"Checkbox__children\">{children}</div>\n        {hasReactNode(description) && (\n          <Caption vkuiClass=\"Checkbox__description\">{description}</Caption>\n        )}\n      </Text>\n    </Tappable>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Checkbox, {\n  sizeY: true,\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Chip/Chip.tsx"],"names":["Chip","value","option","removable","onRemove","noop","removeAriaLabel","before","after","children","restProps","sizeY","onRemoveWrapper","React","useCallback","event","title"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAeA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAUH;AAAA,wBATfC,KASe;AAAA,MATfA,KASe,2BATP,EASO;AAAA,MARfC,MAQe,QARfA,MAQe;AAAA,4BAPfC,SAOe;AAAA,MAPfA,SAOe,+BAPH,IAOG;AAAA,2BANfC,QAMe;AAAA,MANfA,QAMe,8BANJC,WAMI;AAAA,kCALfC,eAKe;AAAA,MALfA,eAKe,qCALG,SAKH;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,IAIM;AAAA,MAHfC,KAGe,QAHfA,KAGe;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;;AACf,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,eAAe,GAAGC,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD,EAA6B;AAC3BX,IAAAA,QAAQ,CAACW,KAAD,EAAQd,KAAR,CAAR;AACD,GAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;AAMA,MAAMe,KAAK,GAAG,iCAAqBP,QAArB,CAAd;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,MADS,EAETN,SAAS,IAAI,iBAFJ,wBAGMQ,KAHN,EAGc;AAHd,KADb;AAME,IAAA,IAAI,EAAC,QANP;AAOE,kBAAYK;AAPd,KAQMN,SARN,GAUE;AAAK,IAAA,SAAS,EAAC,UAAf;AAA0B,IAAA,IAAI,EAAC;AAA/B,KACG,yBAAaH,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+BA,MAA/B,CAD3B,EAEE,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,eAAnB;AAAmC,IAAA,KAAK,EAAES,KAA1C;AAAiD,mBAAY;AAA7D,KACGP,QADH,CAFF,EAKG,yBAAaD,KAAb,KAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8BA,KAA9B,CAL1B,EAOGL,SAAS,IACR,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,SAAS,EAAC,cAFZ;AAGE,IAAA,OAAO,EAAES,eAHX;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,SAAS,EAAE,KALb;AAME,4BAAeN,eAAf,cAAkCU,KAAlC;AANF,KAQE,qCAAC,mBAAD;AAAc,mBAAa;AAA3B,IARF,CARJ,CAVF,CADF;AAiCD,CArDM","sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Chip.css\";\n\ntype ChipValue = string | number;\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: { value?: ChipValue };\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Chip\",\n        removable && \"Chip--removable\",\n        `Chip--sizeY-${sizeY}` // TODO: v5 новая адаптивность\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Caption vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">\n          {children}\n        </Caption>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"file":"Chip.js"}
+{"version":3,"file":"Chip.js","names":["Chip","value","option","removable","onRemove","noop","removeAriaLabel","before","after","children","restProps","useAdaptivity","sizeY","onRemoveWrapper","React","useCallback","event","title","getTitleFromChildren","classNames","hasReactNode"],"sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon16Cancel } from \"@vkontakte/icons\";\nimport { getTitleFromChildren, hasReactNode, noop } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Chip.css\";\n\nexport type ChipValue = string | number;\n\nexport interface ChipOption {\n  value?: ChipValue;\n  label?: string;\n  [otherProp: string]: any;\n}\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: ChipValue;\n  option?: ChipOption;\n  onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;\n  removable?: boolean;\n  removeAriaLabel?: string;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n}\n\nexport interface RenderChip<T> extends ChipProps {\n  label: string;\n  option: T;\n  disabled: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Chip\n */\nexport const Chip = ({\n  value = \"\",\n  option,\n  removable = true,\n  onRemove = noop,\n  removeAriaLabel = \"Удалить\",\n  before = null,\n  after,\n  children,\n  ...restProps\n}: ChipProps) => {\n  const { sizeY } = useAdaptivity();\n  const onRemoveWrapper = React.useCallback(\n    (event: React.MouseEvent) => {\n      onRemove(event, value);\n    },\n    [onRemove, value]\n  );\n  const title = getTitleFromChildren(children);\n\n  return (\n    <div\n      vkuiClass={classNames(\n        \"Chip\",\n        removable && \"Chip--removable\",\n        `Chip--sizeY-${sizeY}` // TODO: v5 новая адаптивность\n      )}\n      role=\"option\"\n      aria-label={title}\n      {...restProps}\n    >\n      <div vkuiClass=\"Chip__in\" role=\"presentation\">\n        {hasReactNode(before) && <div vkuiClass=\"Chip__before\">{before}</div>}\n        <Caption vkuiClass=\"Chip__content\" title={title} aria-hidden=\"true\">\n          {children}\n        </Caption>\n        {hasReactNode(after) && <div vkuiClass=\"Chip__after\">{after}</div>}\n\n        {removable && (\n          <Tappable\n            Component=\"button\"\n            vkuiClass=\"Chip__remove\"\n            onClick={onRemoveWrapper}\n            hasHover={false}\n            hasActive={false}\n            aria-label={`${removeAriaLabel} ${title}`}\n          >\n            <Icon16Cancel aria-hidden={true} />\n          </Tappable>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA2BA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAUH;EAAA,sBATfC,KASe;EAAA,IATfA,KASe,2BATP,EASO;EAAA,IARfC,MAQe,QARfA,MAQe;EAAA,0BAPfC,SAOe;EAAA,IAPfA,SAOe,+BAPH,IAOG;EAAA,yBANfC,QAMe;EAAA,IANfA,QAMe,8BANJC,WAMI;EAAA,gCALfC,eAKe;EAAA,IALfA,eAKe,qCALG,SAKH;EAAA,uBAJfC,MAIe;EAAA,IAJfA,MAIe,4BAJN,IAIM;EAAA,IAHfC,KAGe,QAHfA,KAGe;EAAA,IAFfC,QAEe,QAFfA,QAEe;EAAA,IADZC,SACY;;EACf,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,eAAe,GAAGC,KAAK,CAACC,WAAN,CACtB,UAACC,KAAD,EAA6B;IAC3BZ,QAAQ,CAACY,KAAD,EAAQf,KAAR,CAAR;EACD,CAHqB,EAItB,CAACG,QAAD,EAAWH,KAAX,CAJsB,CAAxB;EAMA,IAAMgB,KAAK,GAAG,IAAAC,2BAAA,EAAqBT,QAArB,CAAd;EAEA,OACE;IACE,SAAS,EAAE,IAAAU,sBAAA,EACT,MADS,EAEThB,SAAS,IAAI,iBAFJ,wBAGMS,KAHN,EAGc;IAHd,CADb;IAME,IAAI,EAAC,QANP;IAOE,cAAYK;EAPd,GAQMP,SARN,GAUE;IAAK,SAAS,EAAC,UAAf;IAA0B,IAAI,EAAC;EAA/B,GACG,IAAAU,mBAAA,EAAab,MAAb,KAAwB;IAAK,SAAS,EAAC;EAAf,GAA+BA,MAA/B,CAD3B,EAEE,qCAAC,gBAAD;IAAS,SAAS,EAAC,eAAnB;IAAmC,KAAK,EAAEU,KAA1C;IAAiD,eAAY;EAA7D,GACGR,QADH,CAFF,EAKG,IAAAW,mBAAA,EAAaZ,KAAb,KAAuB;IAAK,SAAS,EAAC;EAAf,GAA8BA,KAA9B,CAL1B,EAOGL,SAAS,IACR,qCAAC,kBAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAC,cAFZ;IAGE,OAAO,EAAEU,eAHX;IAIE,QAAQ,EAAE,KAJZ;IAKE,SAAS,EAAE,KALb;IAME,wBAAeP,eAAf,cAAkCW,KAAlC;EANF,GAQE,qCAAC,mBAAD;IAAc,eAAa;EAA3B,EARF,CARJ,CAVF,CADF;AAiCD,CArDM"}