@vkontakte/vkui 4.36.1 → 4.37.0

package/dist/cssm/components/CalendarDay/CalendarDay.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -22,7 +25,9 @@ export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
       hintedSelectionStart = _ref.hintedSelectionStart,
       hintedSelectionEnd = _ref.hintedSelectionEnd,
       sameMonth = _ref.sameMonth,
-      size = _ref.size;
+      size = _ref.size,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var locale = React.useContext(LocaleProviderContext);
   var ref = React.useRef(null);
   var onClick = React.useCallback(function () {
@@ -49,7 +54,7 @@ export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     });
   }
 
-  return createScopedElement(Tappable, {
+  return createScopedElement(Tappable, _extends({
     vkuiClass: classNames("CalendarDay", "CalendarDay--size-".concat(size), today && "CalendarDay--today", selected && !disabled && "CalendarDay--selected", active && !disabled && "CalendarDay--active", selectionStart && "CalendarDay--selection-start", selectionEnd && "CalendarDay--selection-end", disabled && "CalendarDay--disabled", !sameMonth && "CalendarDay--not-same-month"),
     hoverMode: active ? "CalendarDay--active-hover" : "CalendarDay--hover",
     hasActive: false,
@@ -66,7 +71,7 @@ export var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     focusVisibleMode: active ? "outside" : "inside",
     onEnter: handleEnter,
     onLeave: handleLeave
-  }, createScopedElement("div", {
+  }, props), createScopedElement("div", {
     vkuiClass: classNames("CalendarDay__hinted", hinted && "CalendarDay__hinted--active", hintedSelectionStart && "CalendarDay__hinted--selection-start", hintedSelectionEnd && "CalendarDay__hinted--selection-end")
   }, createScopedElement("div", {
     vkuiClass: classNames("CalendarDay__inner", active && !disabled && "CalendarDay__inner--active")

package/dist/cssm/components/CalendarDay/CalendarDay.js.map

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

package/dist/cssm/components/CalendarDays/CalendarDays.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { CalendarDayElementProps } from "../CalendarDay/CalendarDay";
 import "./CalendarDays.css";
 export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     value?: Date | Array<Date | null>;
@@ -6,6 +7,7 @@ export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElem
     weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     showNeighboringMonth?: boolean;
     size?: "s" | "m";
+    dayProps?: CalendarDayElementProps;
     onDayChange(value: Date): void;
     isDayDisabled(value: Date): boolean;
     isDaySelectionStart(value: Date, dayOfWeek: number): boolean;
@@ -19,4 +21,4 @@ export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElem
     onDayEnter?(value: Date): void;
     onDayLeave?(value: Date): void;
 }
-export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, ...props }: CalendarDaysProps) => JSX.Element;
+export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, dayProps, ...props }: CalendarDaysProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth"];
+var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { isSameDay, isSameMonth } from "../../lib/date";
@@ -30,6 +30,7 @@ export var CalendarDays = function CalendarDays(_ref) {
       size = _ref.size,
       _ref$showNeighboringM = _ref.showNeighboringMonth,
       showNeighboringMonth = _ref$showNeighboringM === void 0 ? false : _ref$showNeighboringM,
+      dayProps = _ref.dayProps,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var locale = React.useContext(LocaleProviderContext);
@@ -68,7 +69,7 @@ export var CalendarDays = function CalendarDays(_ref) {
       key: i
     }, week.map(function (day, i) {
       var sameMonth = isSameMonth(day, viewDate);
-      return createScopedElement(CalendarDay, {
+      return createScopedElement(CalendarDay, _extends({
         key: day.toISOString(),
         day: day,
         today: isSameDay(day, now),
@@ -87,7 +88,7 @@ export var CalendarDays = function CalendarDays(_ref) {
         hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
         sameMonth: sameMonth,
         size: size
-      });
+      }, dayProps));
     }));
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","LocaleProviderContext","classNames","Caption","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","props","locale","useContext","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":["React","isSameDay","isSameMonth","CalendarDay","getDaysNames","getWeeks","LocaleProviderContext","classNames","Caption","CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","props","locale","useContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"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":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,EAAoBC,WAApB;AACA,SACEC,WADF;AAIA,SAASC,YAAT,EAAuBC,QAAvB;AACA,SAASC,qBAAT;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AACA;AAwBA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAoBH;EAAA,IAnBvBC,QAmBuB,QAnBvBA,QAmBuB;EAAA,IAlBvBC,KAkBuB,QAlBvBA,KAkBuB;EAAA,IAjBvBC,YAiBuB,QAjBvBA,YAiBuB;EAAA,IAhBvBC,WAgBuB,QAhBvBA,WAgBuB;EAAA,IAfvBC,aAeuB,QAfvBA,aAeuB;EAAA,IAdvBC,WAcuB,QAdvBA,WAcuB;EAAA,IAbvBC,iBAauB,QAbvBA,iBAauB;EAAA,IAZvBC,mBAYuB,QAZvBA,mBAYuB;EAAA,IAXvBC,UAWuB,QAXvBA,UAWuB;EAAA,IAVvBC,UAUuB,QAVvBA,UAUuB;EAAA,IATvBC,WASuB,QATvBA,WASuB;EAAA,IARvBC,yBAQuB,QARvBA,yBAQuB;EAAA,IAPvBC,uBAOuB,QAPvBA,uBAOuB;EAAA,IANvBC,YAMuB,QANvBA,YAMuB;EAAA,IALvBC,aAKuB,QALvBA,aAKuB;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,iCAHvBC,oBAGuB;EAAA,IAHvBA,oBAGuB,sCAHA,KAGA;EAAA,IAFvBC,QAEuB,QAFvBA,QAEuB;EAAA,IADpBC,KACoB;;EACvB,IAAMC,MAAM,GAAG7B,KAAK,CAAC8B,UAAN,CAAiBxB,qBAAjB,CAAf;EACA,IAAMyB,GAAG,GAAG/B,KAAK,CAACgC,MAAN,CAA6B,IAA7B,CAAZ;;EACA,sBAAchC,KAAK,CAACiC,QAAN,CAAe,IAAIC,IAAJ,EAAf,CAAd;EAAA;EAAA,IAAOC,GAAP;;EAEA,IAAMC,KAAK,GAAGpC,KAAK,CAACqC,OAAN,CACZ;IAAA,OAAMhC,QAAQ,CAACK,QAAD,EAAWE,YAAX,CAAd;EAAA,CADY,EAEZ,CAACA,YAAD,EAAeF,QAAf,CAFY,CAAd;EAKA,IAAM4B,SAAS,GAAGtC,KAAK,CAACqC,OAAN,CAChB;IAAA,OAAMjC,YAAY,CAAC+B,GAAD,EAAMvB,YAAN,EAAoBiB,MAApB,CAAlB;EAAA,CADgB,EAEhB,CAACA,MAAD,EAASM,GAAT,EAAcvB,YAAd,CAFgB,CAAlB;EAKA,IAAM2B,eAAe,GAAGvC,KAAK,CAACwC,WAAN,CACtB,UAACC,IAAD,EAAgB;IAAA;;IACd5B,WAAW,CAAC4B,IAAD,CAAX;IAEA,gBAAAV,GAAG,CAACW,OAAJ,8DAAaC,KAAb;EACD,CALqB,EAMtB,CAAC9B,WAAD,CANsB,CAAxB;EASA,OACE,wCAASe,KAAT;IAAgB,SAAS,EAAC,cAA1B;IAAyC,GAAG,EAAEG;EAA9C,IACE;IACE,SAAS,EAAExB,UAAU,CACnB,mBADmB,oCAEQkB,IAFR;EADvB,GAMGa,SAAS,CAACM,GAAV,CAAc,UAACC,OAAD;IAAA,OACb,oBAAC,OAAD;MAAS,GAAG,EAAEA,OAAd;MAAuB,KAAK,EAAC,GAA7B;MAAiC,SAAS,EAAC;IAA3C,GACGA,OADH,CADa;EAAA,CAAd,CANH,CADF,EAcGT,KAAK,CAACQ,GAAN,CAAU,UAACE,IAAD,EAAOC,CAAP;IAAA,OACT;MACE,SAAS,EAAExC,UAAU,CACnB,mBADmB,oCAEQkB,IAFR,EADvB;MAKE,GAAG,EAAEsB;IALP,GAOGD,IAAI,CAACF,GAAL,CAAS,UAACI,GAAD,EAAMD,CAAN,EAAY;MACpB,IAAME,SAAS,GAAG/C,WAAW,CAAC8C,GAAD,EAAMtC,QAAN,CAA7B;MACA,OACE,oBAAC,WAAD;QACE,GAAG,EAAEsC,GAAG,CAACE,WAAJ,EADP;QAEE,GAAG,EAAEF,GAFP;QAGE,KAAK,EAAE/C,SAAS,CAAC+C,GAAD,EAAMb,GAAN,CAHlB;QAIE,MAAM,EAAEpB,WAAW,CAACiC,GAAD,CAJrB;QAKE,QAAQ,EAAET,eALZ;QAME,MAAM,EAAE,CAACb,oBAAD,IAAyB,CAACuB,SANpC;QAOE,QAAQ,EAAEzB,aAAa,CAACwB,GAAD,CAPzB;QAQE,cAAc,EAAE/B,mBAAmB,CAAC+B,GAAD,EAAMD,CAAN,CARrC;QASE,YAAY,EAAE/B,iBAAiB,CAACgC,GAAD,EAAMD,CAAN,CATjC;QAUE,oBAAoB,EAAE1B,yBAAF,aAAEA,yBAAF,uBAAEA,yBAAyB,CAAG2B,GAAH,EAAQD,CAAR,CAVjD;QAWE,kBAAkB,EAAEzB,uBAAF,aAAEA,uBAAF,uBAAEA,uBAAuB,CAAG0B,GAAH,EAAQD,CAAR,CAX7C;QAYE,QAAQ,EAAEjC,aAAF,aAAEA,aAAF,uBAAEA,aAAa,CAAGkC,GAAH,CAZzB;QAaE,OAAO,EAAEzB,YAAY,CAACyB,GAAD,CAbvB;QAcE,OAAO,EAAE9B,UAdX;QAeE,OAAO,EAAEC,UAfX;QAgBE,MAAM,EAAEC,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAG4B,GAAH,CAhBrB;QAiBE,SAAS,EAAEC,SAjBb;QAkBE,IAAI,EAAExB;MAlBR,GAmBME,QAnBN,EADF;IAuBD,CAzBA,CAPH,CADS;EAAA,CAAV,CAdH,CADF;AAqDD,CAjGM"}

package/dist/cssm/components/CalendarHeader/CalendarHeader.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
+import { TappableElementProps } from "../Tappable/Tappable";
 import "./CalendarHeader.css";
+declare type ArrowMonthProps = Omit<TappableElementProps, "onClick" | "aria-label">;
 export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivElement>, "className"> {
     viewDate: Date;
     prevMonth?: boolean;
@@ -11,6 +13,8 @@ export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivEl
     changeYearAriaLabel?: string;
     prevMonthIcon?: React.ReactNode;
     nextMonthIcon?: React.ReactNode;
+    prevMonthProps?: ArrowMonthProps;
+    nextMonthProps?: ArrowMonthProps;
     onChange(viewDate: Date): void;
     /**
      * Нажатие на кнопку переключения на следующий месяц.
@@ -21,4 +25,5 @@ export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivEl
      */
     onPrevMonth?(): void;
 }
-export declare const CalendarHeader: ({ viewDate, onChange, prevMonth, nextMonth, disablePickers, onNextMonth, onPrevMonth, className, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, prevMonthIcon, nextMonthIcon, }: CalendarHeaderProps) => JSX.Element;
+export declare const CalendarHeader: ({ viewDate, onChange, prevMonth, nextMonth, disablePickers, onNextMonth, onPrevMonth, className, prevMonthProps, nextMonthProps, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, prevMonthIcon, nextMonthIcon, }: CalendarHeaderProps) => JSX.Element;
+export {};

package/dist/cssm/components/CalendarHeader/CalendarHeader.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { setMonth, setYear, subMonths, addMonths } from "../../lib/date";
@@ -24,6 +25,8 @@ export 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,
@@ -76,11 +79,11 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     className: className
   }, prevMonth && createScopedElement(AdaptivityProvider, {
     sizeX: SizeType.REGULAR
-  }, createScopedElement(Tappable, {
+  }, createScopedElement(Tappable, _extends({
     vkuiClass: classNames("CalendarHeader__nav-icon", "CalendarHeader__nav-icon-prev"),
     onClick: onPrevMonth,
     "aria-label": "".concat(prevMonthAriaLabel, ", ").concat(formatter.format(subMonths(viewDate, 1)))
-  }, prevMonthIcon)), disablePickers ? createScopedElement(Paragraph, {
+  }, prevMonthProps), prevMonthIcon)), disablePickers ? createScopedElement(Paragraph, {
     vkuiClass: "CalendarHeader__pickers",
     weight: "2"
   }, createScopedElement("span", {
@@ -117,10 +120,10 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     "aria-label": changeYearAriaLabel
   })), nextMonth && createScopedElement(AdaptivityProvider, {
     sizeX: SizeType.REGULAR
-  }, createScopedElement(Tappable, {
+  }, createScopedElement(Tappable, _extends({
     vkuiClass: classNames("CalendarHeader__nav-icon", "CalendarHeader__nav-icon-next"),
     onClick: onNextMonth,
     "aria-label": "".concat(nextMonthAriaLabel, ", ").concat(formatter.format(addMonths(viewDate, 1)))
-  }, nextMonthIcon)));
+  }, nextMonthProps), nextMonthIcon)));
 };
 //# sourceMappingURL=CalendarHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarHeader/CalendarHeader.tsx"],"names":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNames","SelectType","CustomSelect","SizeType","getMonths","getYears","LocaleProviderContext","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","useContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","REGULAR","format","getMonth","COMPACT","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":["React","setMonth","setYear","subMonths","addMonths","Icon20ChevronLeftOutline","Icon20ChevronRightOutline","Icon12Dropdown","Tappable","classNames","SelectType","CustomSelect","SizeType","getMonths","getYears","LocaleProviderContext","Paragraph","AdaptivityProvider","CalendarHeader","viewDate","onChange","prevMonth","nextMonth","disablePickers","onNextMonth","onPrevMonth","className","prevMonthProps","nextMonthProps","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","prevMonthIcon","nextMonthIcon","locale","useContext","onMonthsChange","useCallback","event","Number","target","value","onYearChange","months","useMemo","map","label","currentYear","getFullYear","years","formatter","Intl","DateTimeFormat","year","month","REGULAR","format","getMonth","COMPACT","accent"],"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/cssm/components/CalendarRange/CalendarRange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarRange/CalendarRange.tsx"],"names":["React","addMonths","isSameMonth","isSameDay","isBefore","isAfter","startOfDay","endOfDay","isWithinInterval","CalendarHeader","CalendarDays","navigateDate","setTimeEqual","isLastDay","isFirstDay","useCalendar","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","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":["React","addMonths","isSameMonth","isSameDay","isBefore","isAfter","startOfDay","endOfDay","isWithinInterval","CalendarHeader","CalendarDays","navigateDate","setTimeEqual","isLastDay","isFirstDay","useCalendar","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","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"],"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/cssm/components/CalendarTime/CalendarTime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarTime/CalendarTime.tsx"],"names":["React","setHours","setMinutes","CustomSelect","Button","SizeType","hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","useCallback","event","Number","target","onMinutesChange","getHours","COMPACT","getMinutes"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT,EAAmBC,UAAnB;AACA,SAASC,YAAT;AACA,SAASC,MAAT;AACA,SAASC,QAAT;AACA;AAWA,IAAMC,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;;AAED,OAAO,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,GAAGpB,KAAK,CAACqB,WAAN,CACpB,UAACC,KAAD;AAAA,WACEN,QADF,aACEA,QADF,uBACEA,QAAQ,CAAGf,QAAQ,CAACQ,KAAD,EAAQc,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaf,KAAd,CAAd,CAAX,CADV;AAAA,GADoB,EAGpB,CAACO,QAAD,EAAWP,KAAX,CAHoB,CAAtB;AAKA,MAAMgB,eAAe,GAAGzB,KAAK,CAACqB,WAAN,CACtB,UAACC,KAAD;AAAA,WACEN,QADF,aACEA,QADF,uBACEA,QAAQ,CAAGd,UAAU,CAACO,KAAD,EAAQc,MAAM,CAACD,KAAK,CAACE,MAAN,CAAaf,KAAd,CAAd,CAAb,CADV;AAAA,GADsB,EAGtB,CAACO,QAAD,EAAWP,KAAX,CAHsB,CAAxB;AAMA,SACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAEA,KAAK,CAACiB,QAAN,EADT;AAEE,IAAA,OAAO,EAAEpB,KAFX;AAGE,IAAA,QAAQ,EAAEc,aAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEf,QAAQ,CAACsB,OALlB;AAME,kBAAYT;AANd,IADF,CADF,EAWE;AAAK,IAAA,SAAS,EAAC;AAAf,SAXF,EAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,YAAD;AACE,IAAA,KAAK,EAAET,KAAK,CAACmB,UAAN,EADT;AAEE,IAAA,OAAO,EAAEf,OAFX;AAGE,IAAA,QAAQ,EAAEY,eAHZ;AAIE,IAAA,mBAAmB,EAAE,KAJvB;AAKE,IAAA,KAAK,EAAEpB,QAAQ,CAACsB,OALlB;AAME,kBAAYR;AANd,IADF,CAZF,EAsBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEd,QAAQ,CAACsB,OADlB;AAEE,IAAA,IAAI,EAAC,WAFP;AAGE,IAAA,OAAO,EAAEV,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":["React","setHours","setMinutes","CustomSelect","Button","SizeType","hours","i","push","value","label","String","padStart","minutes","CalendarTime","doneButtonText","onChange","onClose","changeHoursAriaLabel","changeMinutesAriaLabel","onHoursChange","useCallback","event","Number","target","onMinutesChange","getHours","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":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Card/Card.tsx"],"names":["classNames","getClassName","usePlatform","Card","mode","children","getRootRef","restProps","platform"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AAEA;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,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,GAAGN,WAAW,EAA5B;AAEA,SACE,wCACMK,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASO,QAAT,CAAb,qBAA6CJ,IAA7C;AAHvB,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":["classNames","getClassName","usePlatform","Card","mode","children","getRootRef","restProps","platform"],"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,SAASA,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AAEA;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,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,GAAGN,WAAW,EAA5B;EAEA,OACE,wCACMK,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASO,QAAT,CAAb,qBAA6CJ,IAA7C;EAHvB,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAjBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardGrid/CardGrid.tsx"],"names":["classNames","withAdaptivity","CardGridComponent","children","size","spaced","sizeX","restProps","CardGrid","displayName"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,cAAT;AACA;;AAYA,IAAMC,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,wCACMA,SADN;AAEE,IAAA,SAAS,EAAEP,UAAU,CACnB,UADmB,EAEnBK,MAAM,IAAI,kBAFS,sBAGND,IAHM,6BAIAE,KAJA,EAIQ;AAJR;AAFvB,MASGH,QATH,CADF;AAaD,CApBD;AAsBA;AACA;AACA;;;AACA,OAAO,IAAMK,QAAQ,GAAGP,cAAc,CAACC,iBAAD,EAAoB;AAAEI,EAAAA,KAAK,EAAE;AAAT,CAApB,CAA/B;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":["classNames","withAdaptivity","CardGridComponent","children","size","spaced","sizeX","restProps","CardGrid","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,SAASA,UAAT;AACA,SAASC,cAAT;AACA;;AAYA,IAAMC,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,wCACMA,SADN;IAEE,SAAS,EAAEP,UAAU,CACnB,UADmB,EAEnBK,MAAM,IAAI,kBAFS,sBAGND,IAHM,6BAIAE,KAJA,EAIQ;IAJR;EAFvB,IASGH,QATH,CADF;AAaD,CApBD;AAsBA;AACA;AACA;;;AACA,OAAO,IAAMK,QAAQ,GAAGP,cAAc,CAACC,iBAAD,EAAoB;EAAEI,KAAK,EAAE;AAAT,CAApB,CAA/B;AAEPE,QAAQ,CAACC,WAAT,GAAuB,UAAvB,C,CAAmC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["React","classNames","getClassName","useAdaptivity","usePlatform","HorizontalScroll","useDOM","CardScroll","children","size","showArrows","withSpaces","restProps","platform","sizeX","refContainer","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      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"],"file":"CardScroll.js"}
+{"version":3,"file":"CardScroll.js","names":["React","classNames","getClassName","useAdaptivity","usePlatform","HorizontalScroll","useDOM","CardScroll","children","size","showArrows","withSpaces","restProps","platform","sizeX","refContainer","useRef","gapRef","window","getScrollToLeft","offset","current","containerWidth","offsetWidth","slideIndex","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","Array","prototype","find","call"],"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"names":["React","classNames","noop","warnOnce","IOS","SimpleCell","Removable","usePlatform","useExternRef","useDraggable","ListContext","CellDragger","CellCheckbox","warn","Cell","propsMode","mode","onRemove","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","useContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","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":["React","classNames","noop","warnOnce","IOS","SimpleCell","Removable","usePlatform","useExternRef","useDraggable","ListContext","CellDragger","CellCheckbox","warn","Cell","propsMode","mode","onRemove","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","useContext","toggleDrag","useEffect","undefined","dragger","checkbox","checkboxProps","simpleCellDisabled","hasActive","cellClasses","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":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,IAAT;AACA,SAASC,QAAT;AACA,SAASC,GAAT;AACA,SAASC,UAAT;AAEA,SAASC,SAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA;AA6CA,IAAMC,IAAI,GAAGV,QAAQ,CAAC,MAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAMW,IAAI,GAAG,SAAPA,IAAO,OAsBH;EAAA,IArBTC,SAqBS,QArBfC,IAqBe;EAAA,yBApBfC,QAoBe;EAAA,IApBfA,SAoBe,8BApBJf,IAoBI;EAAA,iCAnBfgB,iBAmBe;EAAA,IAnBfA,iBAmBe,sCAnBK,SAmBL;EAAA,IAlBfC,YAkBe,QAlBfA,YAkBe;EAAA,IAjBfC,MAiBe,QAjBfA,MAiBe;EAAA,IAhBfC,KAgBe,QAhBfA,KAgBe;EAAA,IAffC,QAee,QAffA,QAee;EAAA,IAdJC,mBAcI,QAdfC,SAce;EAAA,IAbfC,SAae,QAbfA,SAae;EAAA,IAZHC,oBAYG,QAZfC,UAYe;EAAA,IAXfC,SAWe,QAXfA,SAWe;EAAA,IAVfC,QAUe,QAVfA,QAUe;EAAA,IATfC,IASe,QATfA,IASe;EAAA,IARfC,KAQe,QARfA,KAQe;EAAA,IAPfC,OAOe,QAPfA,OAOe;EAAA,IANfC,cAMe,QANfA,cAMe;EAAA,IALfC,UAKe,QALfA,UAKe;EAAA,6BAJfC,YAIe;EAAA,IAJfA,YAIe,kCAJA,kBAIA;EAAA,IAHfC,SAGe,QAHfA,SAGe;EAAA,IAFfC,KAEe,QAFfA,KAEe;EAAA,IADZC,SACY;;EACf;EACA,IAAItB,IAAuB,GAAGD,SAA9B;;EAEA,IAAI,CAACA,SAAD,KAAeW,oBAAoB,IAAIH,mBAAvC,CAAJ,EAAiE;IAC/DP,IAAI,GAAGU,oBAAoB,GAAG,YAAH,GAAkB,WAA7C;;IAEA,IAAIa,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;MAC1Cf,oBAAoB,IAClBb,IAAI,CACF,sFADE,CADN;MAIAU,mBAAmB,IACjBV,IAAI,CACF,oFADE,CADN;IAID;EACF,CAjBc,CAkBf;;;EAEA,IAAMc,UAAU,GAAGX,IAAI,KAAK,YAA5B;EACA,IAAMQ,SAAS,GAAGR,IAAI,KAAK,WAA3B;EAEA,IAAM0B,QAAQ,GAAGnC,WAAW,EAA5B;EAEA,IAAMoC,SAAS,GAAGnC,YAAY,CAAC0B,UAAD,CAA9B;;EAEA,oBAAwCzB,YAAY,CAAC;IACnDkC,SAAS,EAATA,SADmD;IAEnDxB,YAAY,EAAZA;EAFmD,CAAD,CAApD;EAAA,IAAQyB,QAAR,iBAAQA,QAAR;EAAA,IAAqBC,cAArB;;EAKA,wBAAuB7C,KAAK,CAAC8C,UAAN,CAAiBpC,WAAjB,CAAvB;EAAA,IAAQqC,UAAR,qBAAQA,UAAR;;EACA/C,KAAK,CAACgD,SAAN,CAAgB,YAAM;IACpB,IAAIJ,QAAJ,EAAc;MACZG,UAAU,CAAC,IAAD,CAAV;MACA,OAAO;QAAA,OAAMA,UAAU,CAAC,KAAD,CAAhB;MAAA,CAAP;IACD;;IACD,OAAOE,SAAP;EACD,CAND,EAMG,CAACL,QAAD,EAAWG,UAAX,CANH;EAQA,IAAIG,OAAJ;;EACA,IAAIzB,SAAJ,EAAe;IACbyB,OAAO,GACL,oBAAC,WAAD;MACE,SAAS,EAAC,eADZ;MAEE,cAAYf;IAFd,GAGMU,cAHN,EADF;EAOD;;EAED,IAAIM,QAAJ;;EACA,IAAIxB,UAAJ,EAAgB;IACd,IAAMyB,aAAgC,GAAG;MACvCtB,IAAI,EAAJA,IADuC;MAEvCC,KAAK,EAALA,KAFuC;MAGvCF,QAAQ,EAARA,QAHuC;MAIvCI,cAAc,EAAdA,cAJuC;MAKvCD,OAAO,EAAPA,OALuC;MAMvCV,QAAQ,EAARA;IANuC,CAAzC;IAQA6B,QAAQ,GAAG,oBAAC,YAAD;MAAc,SAAS,EAAC;IAAxB,GAA6CC,aAA7C,EAAX;EACD;;EAED,IAAMC,kBAAkB,GACrB5B,SAAS,IAAI,CAACE,UAAf,IAA8BH,SAA9B,IAA2CF,QAD7C;EAEA,IAAMgC,SAAS,GAAG,CAACD,kBAAD,IAAuB,CAACT,QAA1C;EAEA,IAAMW,WAAW,GAAGtD,UAAU,CAC5B,MAD4B,EAE5ByC,QAAQ,KAAKtC,GAAb,IAAoB,WAFQ,EAG5BwC,QAAQ,IAAI,gBAHgB,EAI5BpB,SAAS,IAAI,iBAJe,EAK5BG,UAAU,IAAI,kBALc,EAM5BL,QAAQ,IAAI,gBANgB,CAA9B;EASA,IAAMkC,UAAU,GACd,oBAAC,UAAD;IACE,SAAS,EAAEF,SADb;IAEE,QAAQ,EAAEA;EAFZ,GAGMhB,SAHN;IAIE,SAAS,EAAC,eAJZ;IAKE,QAAQ,EAAEe,kBALZ;IAME,SAAS,EAAE1B,UAAU,GAAG,OAAH,GAAaC,SANpC;IAOE,MAAM,EACJ,oBAAC,KAAD,CAAO,QAAP,QACGH,SAAS,IAAIiB,QAAQ,KAAKtC,GAA1B,IAAiC8C,OADpC,EAEGvB,UAAU,IAAIwB,QAFjB,EAGG/B,MAHH,CARJ;IAcE,KAAK,EACH,oBAAC,KAAD,CAAO,QAAP,QACGK,SAAS,IAAIiB,QAAQ,KAAKtC,GAA1B,IAAiC8C,OADpC,EAEG7B,KAFH;EAfJ,GADF;;EAwBA,IAAIG,SAAJ,EAAe;IACb,OACE,oBAAC,SAAD;MACE,SAAS,EAAE+B,WADb;MAEE,SAAS,EAAEnB,SAFb;MAGE,KAAK,EAAEC,KAHT;MAIE,UAAU,EAAEM,SAJd;MAKE,iBAAiB,EAAEzB,iBALrB;MAME,QAAQ,EAAE,kBAACuC,CAAD;QAAA,OAAOxC,SAAQ,CAACwC,CAAD,EAAId,SAAS,CAACe,OAAd,CAAf;MAAA;IANZ,GAQGF,UARH,CADF;EAYD;;EAED,OACE;IACE,SAAS,EAAED,WADb;IAEE,SAAS,EAAEnB,SAFb;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAEM;EAJP,GAMGa,UANH,CADF;AAUD,CArJM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellCheckbox/CellCheckbox.tsx"],"names":["Icon24CheckBoxOff","Icon24CheckBoxOn","Icon24CheckCircleOff","Icon24CheckCircleOn","getClassName","usePlatform","classNames","ANDROID","CellCheckbox","className","style","restProps","platform","IconOff","IconOn"],"mappings":";;;;AACA,SACEA,iBADF,EAEEC,gBAFF,EAGEC,oBAHF,EAIEC,mBAJF,QAKO,kBALP;AAMA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AAEA;AAKA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAIH;AAAA,MAHvBC,SAGuB,QAHvBA,SAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;;AACvB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,MAAMQ,OAAO,GACXD,QAAQ,KAAKL,OAAb,GAAuBP,iBAAvB,GAA2CE,oBAD7C;AAGA,MAAMY,MAAM,GAAGF,QAAQ,KAAKL,OAAb,GAAuBN,gBAAvB,GAA0CE,mBAAzD;AAEA,SACE;AACE,IAAA,SAAS,EAAEG,UAAU,CAACF,YAAY,CAAC,cAAD,EAAiBQ,QAAjB,CAAb,CADvB;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,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,IANF,EAOE,oBAAC,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":["Icon24CheckBoxOff","Icon24CheckBoxOn","Icon24CheckCircleOff","Icon24CheckCircleOn","getClassName","usePlatform","classNames","ANDROID","CellCheckbox","className","style","restProps","platform","IconOff","IconOn"],"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,SACEA,iBADF,EAEEC,gBAFF,EAGEC,oBAHF,EAIEC,mBAJF,QAKO,kBALP;AAMA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,OAAT;AAEA;AAKA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAIH;EAAA,IAHvBC,SAGuB,QAHvBA,SAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;;EACvB,IAAMC,QAAQ,GAAGP,WAAW,EAA5B;EAEA,IAAMQ,OAAO,GACXD,QAAQ,KAAKL,OAAb,GAAuBP,iBAAvB,GAA2CE,oBAD7C;EAGA,IAAMY,MAAM,GAAGF,QAAQ,KAAKL,OAAb,GAAuBN,gBAAvB,GAA0CE,mBAAzD;EAEA,OACE;IACE,SAAS,EAAEG,UAAU,CAACF,YAAY,CAAC,cAAD,EAAiBQ,QAAjB,CAAb,CADvB;IAEE,SAAS,EAAEH,SAFb;IAGE,KAAK,EAAEC;EAHT,GAKE;IAAO,SAAS,EAAC,qBAAjB;IAAuC,IAAI,EAAC;EAA5C,GAA2DC,SAA3D,EALF,EAME,oBAAC,OAAD;IAAS,SAAS,EAAC;EAAnB,EANF,EAOE,oBAAC,MAAD;IAAQ,SAAS,EAAC;EAAlB,EAPF,CADF;AAWD,CAvBM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Cell/CellDragger/CellDragger.tsx"],"names":["React","Icon24Reorder","Icon24ReorderIos","getClassName","usePlatform","classNames","IOS","Touch","CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","onClick","useCallback","e","preventDefault"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,kBAAhD;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT;AACA,SAASC,KAAT;AAEA;AAIA,OAAO,IAAMC,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,GAAGT,WAAW,EAA5B;AAEA,MAAMU,OAAO,GAAGd,KAAK,CAACe,WAAN,CAAkB,UAACC,CAAD,EAAyB;AACzDA,IAAAA,CAAC,CAACC,cAAF;AACD,GAFe,EAEb,EAFa,CAAhB;AAIA,SACE,oBAAC,KAAD;AACE,IAAA,SAAS,EAAEZ,UAAU,CAACF,YAAY,CAAC,aAAD,EAAgBU,QAAhB,CAAb,CADvB;AAEE,IAAA,OAAO,EAAEJ,WAFX;AAGE,IAAA,OAAO,EAAEC,UAHX;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,OAAO,EAAEG;AALX,KAMMF,SANN,GAQGC,QAAQ,KAAKP,GAAb,GAAmB,oBAAC,gBAAD,OAAnB,GAA0C,oBAAC,aAAD,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":["React","Icon24Reorder","Icon24ReorderIos","getClassName","usePlatform","classNames","IOS","Touch","CellDragger","onDragStart","onDragMove","onDragEnd","restProps","platform","onClick","useCallback","e","preventDefault"],"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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT,EAAwBC,gBAAxB,QAAgD,kBAAhD;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,UAAT;AACA,SAASC,GAAT;AACA,SAASC,KAAT;AAEA;AAIA,OAAO,IAAMC,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,GAAGT,WAAW,EAA5B;EAEA,IAAMU,OAAO,GAAGd,KAAK,CAACe,WAAN,CAAkB,UAACC,CAAD,EAAyB;IACzDA,CAAC,CAACC,cAAF;EACD,CAFe,EAEb,EAFa,CAAhB;EAIA,OACE,oBAAC,KAAD;IACE,SAAS,EAAEZ,UAAU,CAACF,YAAY,CAAC,aAAD,EAAgBU,QAAhB,CAAb,CADvB;IAEE,OAAO,EAAEJ,WAFX;IAGE,OAAO,EAAEC,UAHX;IAIE,KAAK,EAAEC,SAJT;IAKE,OAAO,EAAEG;EALX,GAMMF,SANN,GAQGC,QAAQ,KAAKP,GAAb,GAAmB,oBAAC,gBAAD,OAAnB,GAA0C,oBAAC,aAAD,OAR7C,CADF;AAYD,CAxBM"}