@vkontakte/vkui 5.0.0 → 5.0.1

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

@@ -1,112 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarRange = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var React = _interopRequireWildcard(require("react"));
-
+var _classNames = require("../../lib/classNames");
 var _date = require("../../lib/date");
-
 var _CalendarHeader = require("../CalendarHeader/CalendarHeader");
-
 var _CalendarDays = require("../CalendarDays/CalendarDays");
-
 var _calendar = require("../../lib/calendar");
-
 var _useCalendar2 = require("../../hooks/useCalendar");
-
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "weekStartsOn", "getRootRef", "disablePickers", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "prevMonthIcon", "nextMonthIcon"];
-
+var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "weekStartsOn", "getRootRef", "disablePickers", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "prevMonthIcon", "nextMonthIcon", "className", "listenDayChangesForUpdate"];
 var getIsDaySelected = function getIsDaySelected(day, value) {
   if (!(value !== null && value !== void 0 && value[0]) || !value[1]) {
     return false;
   }
-
   return Boolean((0, _date.isWithinInterval)(day, (0, _date.startOfDay)(value[0]), (0, _date.endOfDay)(value[1])));
 };
+
 /**
  * @see https://vkcom.github.io/VKUI/#/CalendarRange
  */
-
-
 var CalendarRange = function CalendarRange(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange,
-      disablePast = _ref.disablePast,
-      disableFuture = _ref.disableFuture,
-      shouldDisableDate = _ref.shouldDisableDate,
-      onClose = _ref.onClose,
-      _ref$weekStartsOn = _ref.weekStartsOn,
-      weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
-      getRootRef = _ref.getRootRef,
-      disablePickers = _ref.disablePickers,
-      prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-      nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-      changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-      changeYearAriaLabel = _ref.changeYearAriaLabel,
-      _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-      changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
-      prevMonthIcon = _ref.prevMonthIcon,
-      nextMonthIcon = _ref.nextMonthIcon,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    onChange = _ref.onChange,
+    disablePast = _ref.disablePast,
+    disableFuture = _ref.disableFuture,
+    shouldDisableDate = _ref.shouldDisableDate,
+    onClose = _ref.onClose,
+    _ref$weekStartsOn = _ref.weekStartsOn,
+    weekStartsOn = _ref$weekStartsOn === void 0 ? 1 : _ref$weekStartsOn,
+    getRootRef = _ref.getRootRef,
+    disablePickers = _ref.disablePickers,
+    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
+    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
+    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
+    changeYearAriaLabel = _ref.changeYearAriaLabel,
+    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
+    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
+    prevMonthIcon = _ref.prevMonthIcon,
+    nextMonthIcon = _ref.nextMonthIcon,
+    className = _ref.className,
+    listenDayChangesForUpdate = _ref.listenDayChangesForUpdate,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useCalendar = (0, _useCalendar2.useCalendar)({
-    value: value,
-    disableFuture: disableFuture,
-    disablePast: disablePast,
-    shouldDisableDate: shouldDisableDate
-  }),
-      viewDate = _useCalendar.viewDate,
-      setViewDate = _useCalendar.setViewDate,
-      setPrevMonth = _useCalendar.setPrevMonth,
-      setNextMonth = _useCalendar.setNextMonth,
-      focusedDay = _useCalendar.focusedDay,
-      setFocusedDay = _useCalendar.setFocusedDay,
-      isDayFocused = _useCalendar.isDayFocused,
-      isDayDisabled = _useCalendar.isDayDisabled,
-      resetSelectedDay = _useCalendar.resetSelectedDay;
-
+      value: value,
+      disableFuture: disableFuture,
+      disablePast: disablePast,
+      shouldDisableDate: shouldDisableDate
+    }),
+    viewDate = _useCalendar.viewDate,
+    setViewDate = _useCalendar.setViewDate,
+    setPrevMonth = _useCalendar.setPrevMonth,
+    setNextMonth = _useCalendar.setNextMonth,
+    focusedDay = _useCalendar.focusedDay,
+    setFocusedDay = _useCalendar.setFocusedDay,
+    isDayFocused = _useCalendar.isDayFocused,
+    isDayDisabled = _useCalendar.isDayDisabled,
+    resetSelectedDay = _useCalendar.resetSelectedDay;
   var _React$useState = React.useState(),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      hintedDate = _React$useState2[0],
-      setHintedDate = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    hintedDate = _React$useState2[0],
+    setHintedDate = _React$useState2[1];
   var secondViewDate = (0, _date.addMonths)(viewDate, 1);
   var handleKeyDown = React.useCallback(function (event) {
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key)) {
       event.preventDefault();
     }
-
     var newFocusedDay = (0, _calendar.navigateDate)(focusedDay !== null && focusedDay !== void 0 ? focusedDay : value === null || value === void 0 ? void 0 : value[1], event.key);
-
     if (newFocusedDay && !(0, _date.isSameMonth)(newFocusedDay, viewDate) && !(0, _date.isSameMonth)(newFocusedDay, (0, _date.addMonths)(viewDate, 1))) {
       setViewDate(newFocusedDay);
     }
-
     setFocusedDay(newFocusedDay);
   }, [focusedDay, setFocusedDay, setViewDate, value, viewDate]);
   var getNewValue = React.useCallback(function (date) {
     if (!value) {
       return [date, null];
     }
-
     var start = value[0];
     var end = value[1];
-
     if (start && (0, _date.isSameDay)(date, start) || end && (0, _date.isSameDay)(date, end)) {
       return [(0, _calendar.setTimeEqual)(date, start), (0, _calendar.setTimeEqual)(date, end)];
     } else if (start && (0, _date.isBefore)(date, start)) {
@@ -114,7 +92,6 @@ var CalendarRange = function CalendarRange(_ref) {
     } else if (start && (0, _date.isAfter)(date, start)) {
       return [start, (0, _calendar.setTimeEqual)(date, end)];
     }
-
     return value;
   }, [value]);
   var onDayChange = React.useCallback(function (date) {
@@ -148,24 +125,24 @@ var CalendarRange = function CalendarRange(_ref) {
   var isDayHinted = React.useCallback(function (day) {
     return getIsDaySelected(day, hintedDate);
   }, [hintedDate]);
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, props, {
     ref: getRootRef,
-    vkuiClass: "CalendarRange"
-  }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarRange__inner"
-  }, (0, _jsxRuntime.createScopedElement)(_CalendarHeader.CalendarHeader, {
+    className: (0, _classNames.classNamesString)("vkuiCalendarRange", className)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarRange__inner"
+  }, /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
     viewDate: viewDate,
     onChange: setViewDate,
     nextMonth: false,
     onPrevMonth: setPrevMonth,
     disablePickers: disablePickers,
-    vkuiClass: "CalendarRange__header",
+    className: "vkuiCalendarRange__header",
     prevMonthAriaLabel: prevMonthAriaLabel,
     nextMonthAriaLabel: nextMonthAriaLabel,
     changeMonthAriaLabel: changeMonthAriaLabel,
     changeYearAriaLabel: changeYearAriaLabel,
     prevMonthIcon: prevMonthIcon
-  }), (0, _jsxRuntime.createScopedElement)(_CalendarDays.CalendarDays, {
+  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
     viewDate: viewDate,
     value: value,
     weekStartsOn: weekStartsOn,
@@ -182,22 +159,23 @@ var CalendarRange = function CalendarRange(_ref) {
     isHintedDaySelectionEnd: isHintedDaySelectionEnd,
     isHintedDaySelectionStart: isHintedDaySelectionStart,
     isDayDisabled: isDayDisabled,
+    listenDayChangesForUpdate: listenDayChangesForUpdate,
     "aria-label": changeDayAriaLabel
-  })), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarRange__inner"
-  }, (0, _jsxRuntime.createScopedElement)(_CalendarHeader.CalendarHeader, {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarRange__inner"
+  }, /*#__PURE__*/React.createElement(_CalendarHeader.CalendarHeader, {
     viewDate: secondViewDate,
     onChange: setViewDate,
     prevMonth: false,
     onNextMonth: setNextMonth,
     disablePickers: disablePickers,
-    vkuiClass: "CalendarRange__header",
+    className: "vkuiCalendarRange__header",
     prevMonthAriaLabel: prevMonthAriaLabel,
     nextMonthAriaLabel: nextMonthAriaLabel,
     changeMonthAriaLabel: changeMonthAriaLabel,
     changeYearAriaLabel: changeYearAriaLabel,
     nextMonthIcon: nextMonthIcon
-  }), (0, _jsxRuntime.createScopedElement)(_CalendarDays.CalendarDays, {
+  }), /*#__PURE__*/React.createElement(_CalendarDays.CalendarDays, {
     viewDate: secondViewDate,
     value: value,
     weekStartsOn: weekStartsOn,
@@ -215,10 +193,10 @@ var CalendarRange = function CalendarRange(_ref) {
     isHintedDaySelectionEnd: isHintedDaySelectionEnd,
     isHintedDaySelectionStart: isHintedDaySelectionStart,
     isDayDisabled: isDayDisabled,
+    listenDayChangesForUpdate: listenDayChangesForUpdate,
     tabIndex: 0,
     onBlur: resetSelectedDay
   })));
 };
-
 exports.CalendarRange = CalendarRange;
 //# sourceMappingURL=CalendarRange.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CalendarTimeProps {
+    value: Date;
+    doneButtonText?: string;
+    changeHoursAriaLabel?: string;
+    changeMinutesAriaLabel?: string;
+    onChange?(value: Date): void;
+    onClose?(): void;
+}
+export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => JSX.Element;

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

@@ -1,95 +1,80 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CalendarTime = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _date = require("../../lib/date");
-
 var _CustomSelect = require("../CustomSelect/CustomSelect");
-
 var _Button = require("../Button/Button");
-
 var _adaptivity = require("../../lib/adaptivity");
-
 var _AdaptivityProvider = require("../AdaptivityProvider/AdaptivityProvider");
-
 var hours = [];
-
 for (var i = 0; i < 24; i += 1) {
   hours.push({
     value: i,
     label: String(i).padStart(2, "0")
   });
 }
-
 var minutes = [];
-
 for (var _i = 0; _i < 60; _i += 1) {
   minutes.push({
     value: _i,
     label: String(_i).padStart(2, "0")
   });
 }
-
 var CalendarTime = function CalendarTime(_ref) {
   var value = _ref.value,
-      _ref$doneButtonText = _ref.doneButtonText,
-      doneButtonText = _ref$doneButtonText === void 0 ? "Готово" : _ref$doneButtonText,
-      onChange = _ref.onChange,
-      onClose = _ref.onClose,
-      _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
-      changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? "Изменить час" : _ref$changeHoursAriaL,
-      _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
-      changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? "Изменить минуту" : _ref$changeMinutesAri;
+    _ref$doneButtonText = _ref.doneButtonText,
+    doneButtonText = _ref$doneButtonText === void 0 ? "Готово" : _ref$doneButtonText,
+    onChange = _ref.onChange,
+    onClose = _ref.onClose,
+    _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
+    changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? "Изменить час" : _ref$changeHoursAriaL,
+    _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
+    changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? "Изменить минуту" : _ref$changeMinutesAri;
   var onHoursChange = React.useCallback(function (event) {
     return onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setHours)(value, Number(event.target.value)));
   }, [onChange, value]);
   var onMinutesChange = React.useCallback(function (event) {
     return onChange === null || onChange === void 0 ? void 0 : onChange((0, _date.setMinutes)(value, Number(event.target.value)));
   }, [onChange, value]);
-  return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarTime"
-  }, (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarTime__picker"
-  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarTime"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarTime__picker"
+  }, /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
     sizeY: _adaptivity.SizeType.COMPACT
-  }, (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, {
+  }, /*#__PURE__*/React.createElement(_CustomSelect.CustomSelect, {
     value: value.getHours(),
     options: hours,
     onChange: onHoursChange,
     forceDropdownPortal: false,
     "aria-label": changeHoursAriaLabel
-  }))), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarTime__divider"
-  }, ":"), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarTime__picker"
-  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarTime__divider"
+  }, ":"), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarTime__picker"
+  }, /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
     sizeY: _adaptivity.SizeType.COMPACT
-  }, (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, {
+  }, /*#__PURE__*/React.createElement(_CustomSelect.CustomSelect, {
     value: value.getMinutes(),
     options: minutes,
     onChange: onMinutesChange,
     forceDropdownPortal: false,
     "aria-label": changeMinutesAriaLabel
-  }))), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "CalendarTime__button"
-  }, (0, _jsxRuntime.createScopedElement)(_AdaptivityProvider.AdaptivityProvider, {
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCalendarTime__button"
+  }, /*#__PURE__*/React.createElement(_AdaptivityProvider.AdaptivityProvider, {
     sizeY: _adaptivity.SizeType.COMPACT
-  }, (0, _jsxRuntime.createScopedElement)(_Button.Button, {
+  }, /*#__PURE__*/React.createElement(_Button.Button, {
     mode: "secondary",
     onClick: onClose,
     size: "l",
     "aria-label": doneButtonText
   }, doneButtonText))));
 };
-
 exports.CalendarTime = CalendarTime;
 //# sourceMappingURL=CalendarTime.js.map

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

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

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    mode?: "tint" | "shadow" | "outline";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Card
+ */
+export declare const Card: ({ mode, children, getRootRef, className, ...restProps }: CardProps) => JSX.Element;

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

@@ -1,38 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Card = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
+var React = _interopRequireWildcard(require("react"));
 var _classNames = require("../../lib/classNames");
-
-var _excluded = ["mode", "children", "getRootRef"];
-
+var _excluded = ["mode", "children", "getRootRef", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/Card
  */
 var Card = function Card(_ref) {
   var _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "tint" : _ref$mode,
-      children = _ref.children,
-      getRootRef = _ref.getRootRef,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+    mode = _ref$mode === void 0 ? "tint" : _ref$mode,
+    children = _ref.children,
+    getRootRef = _ref.getRootRef,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Card", "Card--mode-".concat(mode))
-  }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Card__in"
+    className: (0, _classNames.classNamesString)("vkuiCard", styles["Card--mode-".concat(mode)], className)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "vkuiCard__in"
   }, children));
 };
-
 exports.Card = Card;
+var styles = {
+  "Card--mode-shadow": "vkuiCard--mode-shadow",
+  "Card--mode-outline": "vkuiCard--mode-outline",
+  "Card--mode-tint": "vkuiCard--mode-tint"
+};
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","restProps","classNames"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\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  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Card\", `Card--mode-${mode}`)}\n    >\n      <div vkuiClass=\"Card__in\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAKH;EAAA,qBAJfC,IAIe;EAAA,IAJfA,IAIe,0BAJR,MAIQ;EAAA,IAHfC,QAGe,QAHfA,QAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;EACf,OACE,uEACMA,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAE,sBAAA,EAAW,MAAX,uBAAiCJ,IAAjC;EAHb,IAKE;IAAK,SAAS,EAAC;EAAf,GAA2BC,QAA3B,CALF,CADF;AASD,CAfM"}
+{"version":3,"file":"Card.js","names":["Card","mode","children","getRootRef","className","restProps","classNamesString","styles"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport styles from \"./Card.module.css\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  mode?: \"tint\" | \"shadow\" | \"outline\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Card\n */\nexport const Card = ({\n  mode = \"tint\",\n  children,\n  getRootRef,\n  className,\n  ...restProps\n}: CardProps) => {\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNamesString(\n        styles[\"Card\"],\n        styles[`Card--mode-${mode}`],\n        className\n      )}\n    >\n      <div className={styles[\"Card__in\"]}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAAwD;AAUxD;AACA;AACA;AACO,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAMA;EAAA,qBALfC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IACbC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,oBACE,sDACMA,SAAS;IACb,GAAG,EAAEF,UAAW;IAChB,SAAS,EAAE,IAAAG,4BAAgB,cAEzBC,MAAM,sBAAeN,IAAI,EAAG,EAC5BG,SAAS;EACT,iBAEF;IAAK,SAAS;EAAqB,GAAEF,QAAQ,CAAO,CAChD;AAEV,CAAC;AAAC;AAAA;EAAA;EAAA;EAAA;AAAA"}

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: "s" | "m" | "l";
+    /**
+     * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа
+     */
+    spaced?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/CardGrid
+ */
+export declare const CardGrid: ({ children, size, spaced, className, ...restProps }: CardGridProps) => JSX.Element;