@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/cjs/components/DateRangeInput/DateRangeInput.js

@@ -1,68 +1,42 @@
 "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.DateRangeInput = 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 _date = require("../../lib/date");
-
 var _icons = require("@vkontakte/icons");
-
 var _CalendarRange = require("../CalendarRange/CalendarRange");
-
 var _Popper = require("../Popper/Popper");
-
 var _IconButton = require("../IconButton/IconButton");
-
 var _useDateInput2 = require("../../hooks/useDateInput");
-
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-
 var _classNames = require("../../lib/classNames");
-
 var _utils = require("../../lib/utils");
-
 var _FormField = require("../FormField/FormField");
-
 var _InputLike = require("../InputLike/InputLike");
-
 var _InputLikeDivider = require("../InputLike/InputLikeDivider");
-
 var _callMultiple = require("../../lib/callMultiple");
-
 var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-
 var _excluded = ["shouldDisableDate", "disableFuture", "disablePast", "value", "onChange", "calendarPlacement", "style", "className", "closeOnChange", "disablePickers", "getRootRef", "name", "autoFocus", "disabled", "onClick", "onFocus", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeDayAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "changeStartDayAriaLabel", "changeStartMonthAriaLabel", "changeStartYearAriaLabel", "changeEndDayAriaLabel", "changeEndMonthAriaLabel", "changeEndYearAriaLabel", "clearFieldAriaLabel", "showCalendarAriaLabel", "prevMonthIcon", "nextMonthIcon", "disableCalendar"];
-
 var elementsConfig = function elementsConfig(index) {
   var length = 2;
   var min = 1;
   var max = 0;
-
   switch (index) {
     case 0:
     case 3:
       max = 31;
       break;
-
     case 1:
     case 4:
       max = 12;
       break;
-
     case 2:
     case 5:
       max = 2100;
@@ -70,81 +44,75 @@ var elementsConfig = function elementsConfig(index) {
       length = 4;
       break;
   }
-
   return {
     length: length,
     min: min,
     max: max
   };
 };
-
 var getInternalValue = function getInternalValue(value) {
   var newValue = ["", "", "", "", "", ""];
-
   if (value !== null && value !== void 0 && value[0]) {
     newValue[0] = String(value[0].getDate()).padStart(2, "0");
     newValue[1] = String(value[0].getMonth() + 1).padStart(2, "0");
     newValue[2] = String(value[0].getFullYear()).padStart(4, "0");
   }
-
   if (value !== null && value !== void 0 && value[1]) {
     newValue[3] = String(value[1].getDate()).padStart(2, "0");
     newValue[4] = String(value[1].getMonth() + 1).padStart(2, "0");
     newValue[5] = String(value[1].getFullYear()).padStart(4, "0");
   }
-
   return newValue;
 };
+
 /**
  * @see https://vkcom.github.io/VKUI/#/DateRangeInput
  */
-
-
 var DateRangeInput = function DateRangeInput(_ref) {
   var shouldDisableDate = _ref.shouldDisableDate,
-      disableFuture = _ref.disableFuture,
-      disablePast = _ref.disablePast,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      _ref$calendarPlacemen = _ref.calendarPlacement,
-      calendarPlacement = _ref$calendarPlacemen === void 0 ? "bottom-start" : _ref$calendarPlacemen,
-      style = _ref.style,
-      className = _ref.className,
-      _ref$closeOnChange = _ref.closeOnChange,
-      closeOnChange = _ref$closeOnChange === void 0 ? true : _ref$closeOnChange,
-      disablePickers = _ref.disablePickers,
-      getRootRef = _ref.getRootRef,
-      name = _ref.name,
-      autoFocus = _ref.autoFocus,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      onFocus = _ref.onFocus,
-      prevMonthAriaLabel = _ref.prevMonthAriaLabel,
-      nextMonthAriaLabel = _ref.nextMonthAriaLabel,
-      changeDayAriaLabel = _ref.changeDayAriaLabel,
-      changeMonthAriaLabel = _ref.changeMonthAriaLabel,
-      changeYearAriaLabel = _ref.changeYearAriaLabel,
-      _ref$changeStartDayAr = _ref.changeStartDayAriaLabel,
-      changeStartDayAriaLabel = _ref$changeStartDayAr === void 0 ? "Изменить день начала" : _ref$changeStartDayAr,
-      _ref$changeStartMonth = _ref.changeStartMonthAriaLabel,
-      changeStartMonthAriaLabel = _ref$changeStartMonth === void 0 ? "Изменить месяц начала" : _ref$changeStartMonth,
-      _ref$changeStartYearA = _ref.changeStartYearAriaLabel,
-      changeStartYearAriaLabel = _ref$changeStartYearA === void 0 ? "Изменить год начала" : _ref$changeStartYearA,
-      _ref$changeEndDayAria = _ref.changeEndDayAriaLabel,
-      changeEndDayAriaLabel = _ref$changeEndDayAria === void 0 ? "Изменить день окончания" : _ref$changeEndDayAria,
-      _ref$changeEndMonthAr = _ref.changeEndMonthAriaLabel,
-      changeEndMonthAriaLabel = _ref$changeEndMonthAr === void 0 ? "Изменить месяц окончания" : _ref$changeEndMonthAr,
-      _ref$changeEndYearAri = _ref.changeEndYearAriaLabel,
-      changeEndYearAriaLabel = _ref$changeEndYearAri === void 0 ? "Изменить год окончания" : _ref$changeEndYearAri,
-      _ref$clearFieldAriaLa = _ref.clearFieldAriaLabel,
-      clearFieldAriaLabel = _ref$clearFieldAriaLa === void 0 ? "Очистить поле" : _ref$clearFieldAriaLa,
-      _ref$showCalendarAria = _ref.showCalendarAriaLabel,
-      showCalendarAriaLabel = _ref$showCalendarAria === void 0 ? "Показать календарь" : _ref$showCalendarAria,
-      prevMonthIcon = _ref.prevMonthIcon,
-      nextMonthIcon = _ref.nextMonthIcon,
-      _ref$disableCalendar = _ref.disableCalendar,
-      disableCalendar = _ref$disableCalendar === void 0 ? false : _ref$disableCalendar,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    disableFuture = _ref.disableFuture,
+    disablePast = _ref.disablePast,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$calendarPlacemen = _ref.calendarPlacement,
+    calendarPlacement = _ref$calendarPlacemen === void 0 ? "bottom-start" : _ref$calendarPlacemen,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$closeOnChange = _ref.closeOnChange,
+    closeOnChange = _ref$closeOnChange === void 0 ? true : _ref$closeOnChange,
+    disablePickers = _ref.disablePickers,
+    getRootRef = _ref.getRootRef,
+    name = _ref.name,
+    autoFocus = _ref.autoFocus,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    prevMonthAriaLabel = _ref.prevMonthAriaLabel,
+    nextMonthAriaLabel = _ref.nextMonthAriaLabel,
+    changeDayAriaLabel = _ref.changeDayAriaLabel,
+    changeMonthAriaLabel = _ref.changeMonthAriaLabel,
+    changeYearAriaLabel = _ref.changeYearAriaLabel,
+    _ref$changeStartDayAr = _ref.changeStartDayAriaLabel,
+    changeStartDayAriaLabel = _ref$changeStartDayAr === void 0 ? "Изменить день начала" : _ref$changeStartDayAr,
+    _ref$changeStartMonth = _ref.changeStartMonthAriaLabel,
+    changeStartMonthAriaLabel = _ref$changeStartMonth === void 0 ? "Изменить месяц начала" : _ref$changeStartMonth,
+    _ref$changeStartYearA = _ref.changeStartYearAriaLabel,
+    changeStartYearAriaLabel = _ref$changeStartYearA === void 0 ? "Изменить год начала" : _ref$changeStartYearA,
+    _ref$changeEndDayAria = _ref.changeEndDayAriaLabel,
+    changeEndDayAriaLabel = _ref$changeEndDayAria === void 0 ? "Изменить день окончания" : _ref$changeEndDayAria,
+    _ref$changeEndMonthAr = _ref.changeEndMonthAriaLabel,
+    changeEndMonthAriaLabel = _ref$changeEndMonthAr === void 0 ? "Изменить месяц окончания" : _ref$changeEndMonthAr,
+    _ref$changeEndYearAri = _ref.changeEndYearAriaLabel,
+    changeEndYearAriaLabel = _ref$changeEndYearAri === void 0 ? "Изменить год окончания" : _ref$changeEndYearAri,
+    _ref$clearFieldAriaLa = _ref.clearFieldAriaLabel,
+    clearFieldAriaLabel = _ref$clearFieldAriaLa === void 0 ? "Очистить поле" : _ref$clearFieldAriaLa,
+    _ref$showCalendarAria = _ref.showCalendarAriaLabel,
+    showCalendarAriaLabel = _ref$showCalendarAria === void 0 ? "Показать календарь" : _ref$showCalendarAria,
+    prevMonthIcon = _ref.prevMonthIcon,
+    nextMonthIcon = _ref.nextMonthIcon,
+    _ref$disableCalendar = _ref.disableCalendar,
+    disableCalendar = _ref$disableCalendar === void 0 ? false : _ref$disableCalendar,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var daysStartRef = React.useRef(null);
   var monthsStartRef = React.useRef(null);
   var yearsStartRef = React.useRef(null);
@@ -154,40 +122,32 @@ var DateRangeInput = function DateRangeInput(_ref) {
   var onInternalValueChange = React.useCallback(function (internalValue) {
     var isStartValid = true;
     var isEndValid = true;
-
     for (var i = 0; i <= 2; i += 1) {
       if (internalValue[i].length < elementsConfig(i).length) {
         isStartValid = false;
       }
     }
-
     for (var _i = 3; _i <= 5; _i += 1) {
       if (internalValue[_i].length < elementsConfig(_i).length) {
         isEndValid = false;
       }
     }
-
     var formattedStartValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
     var formattedEndValue = "".concat(internalValue[3], ".").concat(internalValue[4], ".").concat(internalValue[5]);
     var mask = "dd.MM.yyyy";
-
     if (!(0, _date.isMatch)(formattedStartValue, mask)) {
       isStartValid = false;
     }
-
     if (!(0, _date.isMatch)(formattedEndValue, mask)) {
       isEndValid = false;
     }
-
     if (!isStartValid && !isEndValid) {
       return;
     }
-
     var valueExists = Array.isArray(value);
     var now = new Date();
     var start = isStartValid ? (0, _date.parse)(formattedStartValue, mask, valueExists && (value === null || value === void 0 ? void 0 : value[0]) || now) : null;
     var end = isEndValid ? (0, _date.parse)(formattedEndValue, mask, valueExists && (value === null || value === void 0 ? void 0 : value[1]) || now) : null;
-
     if (start && end && (0, _date.isAfter)(end, start)) {
       onChange === null || onChange === void 0 ? void 0 : onChange([start, end]);
     }
@@ -195,111 +155,106 @@ var DateRangeInput = function DateRangeInput(_ref) {
   var refs = React.useMemo(function () {
     return [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef];
   }, [daysStartRef, monthsStartRef, yearsStartRef, daysEndRef, monthsEndRef, yearsEndRef]);
-
   var _useDateInput = (0, _useDateInput2.useDateInput)({
-    maxElement: 5,
-    refs: refs,
-    autoFocus: autoFocus,
-    disabled: disabled,
-    elementsConfig: elementsConfig,
-    onChange: onChange,
-    onInternalValueChange: onInternalValueChange,
-    getInternalValue: getInternalValue,
-    value: value
-  }),
-      rootRef = _useDateInput.rootRef,
-      calendarRef = _useDateInput.calendarRef,
-      open = _useDateInput.open,
-      openCalendar = _useDateInput.openCalendar,
-      closeCalendar = _useDateInput.closeCalendar,
-      internalValue = _useDateInput.internalValue,
-      handleKeyDown = _useDateInput.handleKeyDown,
-      setFocusedElement = _useDateInput.setFocusedElement,
-      handleFieldEnter = _useDateInput.handleFieldEnter,
-      clear = _useDateInput.clear,
-      removeFocusFromField = _useDateInput.removeFocusFromField;
-
+      maxElement: 5,
+      refs: refs,
+      autoFocus: autoFocus,
+      disabled: disabled,
+      elementsConfig: elementsConfig,
+      onChange: onChange,
+      onInternalValueChange: onInternalValueChange,
+      getInternalValue: getInternalValue,
+      value: value
+    }),
+    rootRef = _useDateInput.rootRef,
+    calendarRef = _useDateInput.calendarRef,
+    open = _useDateInput.open,
+    openCalendar = _useDateInput.openCalendar,
+    closeCalendar = _useDateInput.closeCalendar,
+    internalValue = _useDateInput.internalValue,
+    handleKeyDown = _useDateInput.handleKeyDown,
+    setFocusedElement = _useDateInput.setFocusedElement,
+    handleFieldEnter = _useDateInput.handleFieldEnter,
+    clear = _useDateInput.clear,
+    removeFocusFromField = _useDateInput.removeFocusFromField;
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-      sizeY = _useAdaptivity.sizeY;
-
+    sizeY = _useAdaptivity.sizeY;
   var onCalendarChange = React.useCallback(function (newValue) {
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-
     if (closeOnChange && newValue !== null && newValue !== void 0 && newValue[1] && newValue[1] !== (value === null || value === void 0 ? void 0 : value[1])) {
       removeFocusFromField();
     }
   }, [onChange, closeOnChange, value, removeFocusFromField]);
-  return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("DateRangeInput", (0, _getSizeYClassName.getSizeYClassName)("DateRangeInput", sizeY)),
+  return /*#__PURE__*/React.createElement(_FormField.FormField, (0, _extends2.default)({
     style: style,
-    className: className,
+    className: (0, _classNames.classNamesString)("vkuiDateRangeInput", (0, _getSizeYClassName.getSizeYClassName)("vkuiDateRangeInput", sizeY), className),
     getRootRef: (0, _utils.multiRef)(rootRef, getRootRef),
-    after: value ? (0, _jsxRuntime.createScopedElement)(_IconButton.IconButton, {
+    after: value ? /*#__PURE__*/React.createElement(_IconButton.IconButton, {
       hoverMode: "opacity",
       "aria-label": clearFieldAriaLabel,
       onClick: clear
-    }, (0, _jsxRuntime.createScopedElement)(_icons.Icon16Clear, null)) : (0, _jsxRuntime.createScopedElement)(_IconButton.IconButton, {
+    }, /*#__PURE__*/React.createElement(_icons.Icon16Clear, null)) : /*#__PURE__*/React.createElement(_IconButton.IconButton, {
       hoverMode: "opacity",
       "aria-label": showCalendarAriaLabel,
       onClick: openCalendar
-    }, (0, _jsxRuntime.createScopedElement)(_icons.Icon20CalendarOutline, null)),
+    }, /*#__PURE__*/React.createElement(_icons.Icon20CalendarOutline, null)),
     disabled: disabled,
     onClick: (0, _callMultiple.callMultiple)(handleFieldEnter, onClick),
     onFocus: (0, _callMultiple.callMultiple)(handleFieldEnter, onFocus)
-  }, props), (0, _jsxRuntime.createScopedElement)("input", {
+  }, props), /*#__PURE__*/React.createElement("input", {
     type: "hidden",
     name: name,
     value: value ? "".concat(value[0] ? (0, _date.format)(value[0], "DD.MM.YYYY") : "", " - ").concat(value[1] ? (0, _date.format)(value[1], "DD.MM.YYYY") : "") : ""
-  }), (0, _jsxRuntime.createScopedElement)("span", {
-    vkuiClass: "DateInput__input",
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "vkuiDateInput__input",
     onKeyDown: handleKeyDown
-  }, (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }, /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 2,
     getRootRef: daysStartRef,
     index: 0,
     onElementSelect: setFocusedElement,
     value: internalValue[0],
     "aria-label": changeStartDayAriaLabel
-  }), (0, _jsxRuntime.createScopedElement)(_InputLikeDivider.InputLikeDivider, null, "."), (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 2,
     getRootRef: monthsStartRef,
     index: 1,
     onElementSelect: setFocusedElement,
     value: internalValue[1],
     "aria-label": changeStartMonthAriaLabel
-  }), (0, _jsxRuntime.createScopedElement)(_InputLikeDivider.InputLikeDivider, null, "."), (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 4,
     getRootRef: yearsStartRef,
     index: 2,
     onElementSelect: setFocusedElement,
     value: internalValue[2],
     "aria-label": changeStartYearAriaLabel
-  }), (0, _jsxRuntime.createScopedElement)(_InputLikeDivider.InputLikeDivider, null, " — "), (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, " — "), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 2,
     getRootRef: daysEndRef,
     index: 3,
     onElementSelect: setFocusedElement,
     value: internalValue[3],
     "aria-label": changeEndDayAriaLabel
-  }), (0, _jsxRuntime.createScopedElement)(_InputLikeDivider.InputLikeDivider, null, "."), (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 2,
     getRootRef: monthsEndRef,
     index: 4,
     onElementSelect: setFocusedElement,
     value: internalValue[4],
     "aria-label": changeEndMonthAriaLabel
-  }), (0, _jsxRuntime.createScopedElement)(_InputLikeDivider.InputLikeDivider, null, "."), (0, _jsxRuntime.createScopedElement)(_InputLike.InputLike, {
+  }), /*#__PURE__*/React.createElement(_InputLikeDivider.InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(_InputLike.InputLike, {
     length: 4,
     getRootRef: yearsEndRef,
     index: 5,
     onElementSelect: setFocusedElement,
     value: internalValue[5],
     "aria-label": changeEndYearAriaLabel
-  })), open && !disableCalendar && (0, _jsxRuntime.createScopedElement)(_Popper.Popper, {
+  })), open && !disableCalendar && /*#__PURE__*/React.createElement(_Popper.Popper, {
     targetRef: rootRef,
     offsetDistance: 8,
     placement: calendarPlacement
-  }, (0, _jsxRuntime.createScopedElement)(_CalendarRange.CalendarRange, {
+  }, /*#__PURE__*/React.createElement(_CalendarRange.CalendarRange, {
     value: value,
     onChange: onCalendarChange,
     disablePast: disablePast,
@@ -317,6 +272,5 @@ var DateRangeInput = function DateRangeInput(_ref) {
     nextMonthIcon: nextMonthIcon
   })));
 };
-
 exports.DateRangeInput = DateRangeInput;
 //# sourceMappingURL=DateRangeInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeInput.js","names":["elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","React","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","isMatch","valueExists","Array","isArray","now","Date","start","parse","end","isAfter","refs","useMemo","useDateInput","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","useAdaptivity","sizeY","onCalendarChange","classNames","getSizeYClassName","multiRef","callMultiple","format"],"sources":["../../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./DateRangeInput.css\";\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" | \"onChange\">,\n    Pick<\n      CalendarRangeProps,\n      | \"disablePast\"\n      | \"disableFuture\"\n      | \"shouldDisableDate\"\n      | \"onChange\"\n      | \"value\"\n      | \"weekStartsOn\"\n      | \"disablePickers\"\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"changeDayAriaLabel\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: Placement;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: string;\n  changeStartDayAriaLabel?: string;\n  changeStartMonthAriaLabel?: string;\n  changeStartYearAriaLabel?: string;\n  changeEndDayAriaLabel?: string;\n  changeEndMonthAriaLabel?: string;\n  changeEndYearAriaLabel?: string;\n  disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n  let length = 2;\n  let min = 1;\n  let max = 0;\n\n  switch (index) {\n    case 0:\n    case 3:\n      max = 31;\n      break;\n    case 1:\n    case 4:\n      max = 12;\n      break;\n    case 2:\n    case 5:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n  const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n  if (value?.[0]) {\n    newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n    newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n    newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n  }\n  if (value?.[1]) {\n    newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n    newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n    newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = \"bottom-start\",\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeDayAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeStartDayAriaLabel = \"Изменить день начала\",\n  changeStartMonthAriaLabel = \"Изменить месяц начала\",\n  changeStartYearAriaLabel = \"Изменить год начала\",\n  changeEndDayAriaLabel = \"Изменить день окончания\",\n  changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n  changeEndYearAriaLabel = \"Изменить год окончания\",\n  clearFieldAriaLabel = \"Очистить поле\",\n  showCalendarAriaLabel = \"Показать календарь\",\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateRangeInputProps) => {\n  const daysStartRef = React.useRef<HTMLSpanElement>(null);\n  const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n  const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n  const daysEndRef = React.useRef<HTMLSpanElement>(null);\n  const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n  const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      let isStartValid = true;\n      let isEndValid = true;\n      for (let i = 0; i <= 2; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isStartValid = false;\n        }\n      }\n      for (let i = 3; i <= 5; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isEndValid = false;\n        }\n      }\n      const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n      const mask = \"dd.MM.yyyy\";\n\n      if (!isMatch(formattedStartValue, mask)) {\n        isStartValid = false;\n      }\n      if (!isMatch(formattedEndValue, mask)) {\n        isEndValid = false;\n      }\n\n      if (!isStartValid && !isEndValid) {\n        return;\n      }\n\n      const valueExists = Array.isArray(value);\n      const now = new Date();\n      const start = isStartValid\n        ? parse(formattedStartValue, mask, (valueExists && value?.[0]) || now)\n        : null;\n      const end = isEndValid\n        ? parse(formattedEndValue, mask, (valueExists && value?.[1]) || now)\n        : null;\n      if (start && end && isAfter(end, start)) {\n        onChange?.([start, end]);\n      }\n    },\n    [onChange, value]\n  );\n\n  const refs = React.useMemo(\n    () => [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ],\n    [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ]\n  );\n\n  const {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    handleKeyDown,\n    setFocusedElement,\n    handleFieldEnter,\n    clear,\n    removeFocusFromField,\n  } = useDateInput({\n    maxElement: 5,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY } = useAdaptivity();\n\n  const onCalendarChange = React.useCallback(\n    (newValue?: Array<Date | null> | undefined) => {\n      onChange?.(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, closeOnChange, value, removeFocusFromField]\n  );\n\n  return (\n    <FormField\n      vkuiClass={classNames(\n        \"DateRangeInput\",\n        getSizeYClassName(\"DateRangeInput\", sizeY)\n      )}\n      style={style}\n      className={className}\n      getRootRef={multiRef(rootRef, getRootRef)}\n      after={\n        value ? (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={clearFieldAriaLabel}\n            onClick={clear}\n          >\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={showCalendarAriaLabel}\n            onClick={openCalendar}\n          >\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <input\n        type=\"hidden\"\n        name={name}\n        value={\n          value\n            ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n                value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n              }`\n            : \"\"\n        }\n      />\n      <span vkuiClass=\"DateInput__input\" onKeyDown={handleKeyDown}>\n        <InputLike\n          length={2}\n          getRootRef={daysStartRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeStartDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsStartRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeStartMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsStartRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeStartYearAriaLabel}\n        />\n        <InputLikeDivider>{\" — \"}</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={daysEndRef}\n          index={3}\n          onElementSelect={setFocusedElement}\n          value={internalValue[3]}\n          aria-label={changeEndDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsEndRef}\n          index={4}\n          onElementSelect={setFocusedElement}\n          value={internalValue[4]}\n          aria-label={changeEndMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsEndRef}\n          index={5}\n          onElementSelect={setFocusedElement}\n          value={internalValue[5]}\n          aria-label={changeEndYearAriaLabel}\n        />\n      </span>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetDistance={8}\n          placement={calendarPlacement}\n        >\n          <CalendarRange\n            value={value}\n            onChange={onCalendarChange}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            disablePickers={disablePickers}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DateRangeInput.js","names":["elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","DateRangeInput","shouldDisableDate","disableFuture","disablePast","onChange","calendarPlacement","style","className","closeOnChange","disablePickers","getRootRef","name","autoFocus","disabled","onClick","onFocus","prevMonthAriaLabel","nextMonthAriaLabel","changeDayAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","changeStartDayAriaLabel","changeStartMonthAriaLabel","changeStartYearAriaLabel","changeEndDayAriaLabel","changeEndMonthAriaLabel","changeEndYearAriaLabel","clearFieldAriaLabel","showCalendarAriaLabel","prevMonthIcon","nextMonthIcon","disableCalendar","props","daysStartRef","React","useRef","monthsStartRef","yearsStartRef","daysEndRef","monthsEndRef","yearsEndRef","onInternalValueChange","useCallback","internalValue","isStartValid","isEndValid","i","formattedStartValue","formattedEndValue","mask","isMatch","valueExists","Array","isArray","now","Date","start","parse","end","isAfter","refs","useMemo","useDateInput","maxElement","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","useAdaptivity","sizeY","onCalendarChange","classNamesString","getSizeYClassName","multiRef","callMultiple","format"],"sources":["../../../../src/components/DateRangeInput/DateRangeInput.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { format, isMatch, parse, isAfter } from \"../../lib/date\";\nimport { Icon16Clear, Icon20CalendarOutline } from \"@vkontakte/icons\";\nimport {\n  CalendarRange,\n  CalendarRangeProps,\n} from \"../CalendarRange/CalendarRange\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { HasRootRef } from \"../../types\";\nimport { useDateInput } from \"../../hooks/useDateInput\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { multiRef } from \"../../lib/utils\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { InputLike } from \"../InputLike/InputLike\";\nimport { InputLikeDivider } from \"../InputLike/InputLikeDivider\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport styles from \"./DateRangeInput.module.css\";\nimport dateInputStyles from \"../DateInput/DateInput.module.css\";\n\nexport interface DateRangeInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, \"value\" | \"onChange\">,\n    Pick<\n      CalendarRangeProps,\n      | \"disablePast\"\n      | \"disableFuture\"\n      | \"shouldDisableDate\"\n      | \"onChange\"\n      | \"value\"\n      | \"weekStartsOn\"\n      | \"disablePickers\"\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"changeDayAriaLabel\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: Placement;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: string;\n  changeStartDayAriaLabel?: string;\n  changeStartMonthAriaLabel?: string;\n  changeStartYearAriaLabel?: string;\n  changeEndDayAriaLabel?: string;\n  changeEndMonthAriaLabel?: string;\n  changeEndYearAriaLabel?: string;\n  disableCalendar?: boolean;\n}\n\nconst elementsConfig = (index: number) => {\n  let length = 2;\n  let min = 1;\n  let max = 0;\n\n  switch (index) {\n    case 0:\n    case 3:\n      max = 31;\n      break;\n    case 1:\n    case 4:\n      max = 12;\n      break;\n    case 2:\n    case 5:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarRangeProps[\"value\"]) => {\n  const newValue = [\"\", \"\", \"\", \"\", \"\", \"\"];\n  if (value?.[0]) {\n    newValue[0] = String(value[0].getDate()).padStart(2, \"0\");\n    newValue[1] = String(value[0].getMonth() + 1).padStart(2, \"0\");\n    newValue[2] = String(value[0].getFullYear()).padStart(4, \"0\");\n  }\n  if (value?.[1]) {\n    newValue[3] = String(value[1].getDate()).padStart(2, \"0\");\n    newValue[4] = String(value[1].getMonth() + 1).padStart(2, \"0\");\n    newValue[5] = String(value[1].getFullYear()).padStart(4, \"0\");\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateRangeInput\n */\nexport const DateRangeInput = ({\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = \"bottom-start\",\n  style,\n  className,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeDayAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  changeStartDayAriaLabel = \"Изменить день начала\",\n  changeStartMonthAriaLabel = \"Изменить месяц начала\",\n  changeStartYearAriaLabel = \"Изменить год начала\",\n  changeEndDayAriaLabel = \"Изменить день окончания\",\n  changeEndMonthAriaLabel = \"Изменить месяц окончания\",\n  changeEndYearAriaLabel = \"Изменить год окончания\",\n  clearFieldAriaLabel = \"Очистить поле\",\n  showCalendarAriaLabel = \"Показать календарь\",\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateRangeInputProps) => {\n  const daysStartRef = React.useRef<HTMLSpanElement>(null);\n  const monthsStartRef = React.useRef<HTMLSpanElement>(null);\n  const yearsStartRef = React.useRef<HTMLSpanElement>(null);\n  const daysEndRef = React.useRef<HTMLSpanElement>(null);\n  const monthsEndRef = React.useRef<HTMLSpanElement>(null);\n  const yearsEndRef = React.useRef<HTMLSpanElement>(null);\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      let isStartValid = true;\n      let isEndValid = true;\n      for (let i = 0; i <= 2; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isStartValid = false;\n        }\n      }\n      for (let i = 3; i <= 5; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          isEndValid = false;\n        }\n      }\n      const formattedStartValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      const formattedEndValue = `${internalValue[3]}.${internalValue[4]}.${internalValue[5]}`;\n      const mask = \"dd.MM.yyyy\";\n\n      if (!isMatch(formattedStartValue, mask)) {\n        isStartValid = false;\n      }\n      if (!isMatch(formattedEndValue, mask)) {\n        isEndValid = false;\n      }\n\n      if (!isStartValid && !isEndValid) {\n        return;\n      }\n\n      const valueExists = Array.isArray(value);\n      const now = new Date();\n      const start = isStartValid\n        ? parse(formattedStartValue, mask, (valueExists && value?.[0]) || now)\n        : null;\n      const end = isEndValid\n        ? parse(formattedEndValue, mask, (valueExists && value?.[1]) || now)\n        : null;\n      if (start && end && isAfter(end, start)) {\n        onChange?.([start, end]);\n      }\n    },\n    [onChange, value]\n  );\n\n  const refs = React.useMemo(\n    () => [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ],\n    [\n      daysStartRef,\n      monthsStartRef,\n      yearsStartRef,\n      daysEndRef,\n      monthsEndRef,\n      yearsEndRef,\n    ]\n  );\n\n  const {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    handleKeyDown,\n    setFocusedElement,\n    handleFieldEnter,\n    clear,\n    removeFocusFromField,\n  } = useDateInput({\n    maxElement: 5,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY } = useAdaptivity();\n\n  const onCalendarChange = React.useCallback(\n    (newValue?: Array<Date | null> | undefined) => {\n      onChange?.(newValue);\n      if (closeOnChange && newValue?.[1] && newValue[1] !== value?.[1]) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, closeOnChange, value, removeFocusFromField]\n  );\n\n  return (\n    <FormField\n      style={style}\n      className={classNamesString(\n        styles[\"DateRangeInput\"],\n        getSizeYClassName(styles[\"DateRangeInput\"], sizeY),\n        className\n      )}\n      getRootRef={multiRef(rootRef, getRootRef)}\n      after={\n        value ? (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={clearFieldAriaLabel}\n            onClick={clear}\n          >\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton\n            hoverMode=\"opacity\"\n            aria-label={showCalendarAriaLabel}\n            onClick={openCalendar}\n          >\n            <Icon20CalendarOutline />\n          </IconButton>\n        )\n      }\n      disabled={disabled}\n      onClick={callMultiple(handleFieldEnter, onClick)}\n      onFocus={callMultiple(handleFieldEnter, onFocus)}\n      {...props}\n    >\n      <input\n        type=\"hidden\"\n        name={name}\n        value={\n          value\n            ? `${value[0] ? format(value[0], \"DD.MM.YYYY\") : \"\"} - ${\n                value[1] ? format(value[1], \"DD.MM.YYYY\") : \"\"\n              }`\n            : \"\"\n        }\n      />\n      <span\n        className={dateInputStyles[\"DateInput__input\"]}\n        onKeyDown={handleKeyDown}\n      >\n        <InputLike\n          length={2}\n          getRootRef={daysStartRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeStartDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsStartRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeStartMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsStartRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeStartYearAriaLabel}\n        />\n        <InputLikeDivider>{\" — \"}</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={daysEndRef}\n          index={3}\n          onElementSelect={setFocusedElement}\n          value={internalValue[3]}\n          aria-label={changeEndDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsEndRef}\n          index={4}\n          onElementSelect={setFocusedElement}\n          value={internalValue[4]}\n          aria-label={changeEndMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsEndRef}\n          index={5}\n          onElementSelect={setFocusedElement}\n          value={internalValue[5]}\n          aria-label={changeEndYearAriaLabel}\n        />\n      </span>\n      {open && !disableCalendar && (\n        <Popper\n          targetRef={rootRef}\n          offsetDistance={8}\n          placement={calendarPlacement}\n        >\n          <CalendarRange\n            value={value}\n            onChange={onCalendarChange}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            disablePickers={disablePickers}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+export interface DivProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Div
+ */
+export declare const Div: ({ children, getRootRef, className, ...restProps }: DivProps) => JSX.Element;

package/dist/cjs/components/Div/Div.js

@@ -1,32 +1,28 @@
 "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.Div = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _excluded = ["children", "getRootRef"];
-
+var React = _interopRequireWildcard(require("react"));
+var _classNames = require("../../lib/classNames");
+var _excluded = ["children", "getRootRef", "className"];
 /**
  * @see https://vkcom.github.io/VKUI/#/Div
  */
 var Div = function Div(_ref) {
   var children = _ref.children,
-      getRootRef = _ref.getRootRef,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+    getRootRef = _ref.getRootRef,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: "Div"
+    className: (0, _classNames.classNamesString)("vkuiDiv", className)
   }), children);
 };
-
 exports.Div = Div;
 //# sourceMappingURL=Div.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Div.js","names":["Div","children","getRootRef","restProps"],"sources":["../../../../src/components/Div/Div.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Div.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({ children, getRootRef, ...restProps }: DivProps) => {\n  return (\n    <div {...restProps} ref={getRootRef} vkuiClass=\"Div\">\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACO,IAAMA,GAAG,GAAG,SAANA,GAAM,OAAsD;EAAA,IAAnDC,QAAmD,QAAnDA,QAAmD;EAAA,IAAzCC,UAAyC,QAAzCA,UAAyC;EAAA,IAA1BC,SAA0B;EACvE,OACE,uEAASA,SAAT;IAAoB,GAAG,EAAED,UAAzB;IAAqC,SAAS,EAAC;EAA/C,IACGD,QADH,CADF;AAKD,CANM"}
+{"version":3,"file":"Div.js","names":["Div","children","getRootRef","className","restProps","classNamesString"],"sources":["../../../../src/components/Div/Div.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport styles from \"./Div.module.css\";\n\nexport interface DivProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Div\n */\nexport const Div = ({\n  children,\n  getRootRef,\n  className,\n  ...restProps\n}: DivProps) => {\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      className={classNamesString(styles[\"Div\"], className)}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAAwD;AAQxD;AACA;AACA;AACO,IAAMA,GAAG,GAAG,SAANA,GAAG,OAKA;EAAA,IAJdC,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,aAAgBF,SAAS;EAAE,IAErDF,QAAQ,CACL;AAEV,CAAC;AAAC"}

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

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface DropdownIconProps extends React.HTMLAttributes<SVGSVGElement> {
+    opened?: boolean;
+}
+export declare const DropdownIcon: ({ opened, className, ...restProps }: DropdownIconProps) => JSX.Element;

package/dist/cjs/components/DropdownIcon/DropdownIcon.js

@@ -1,39 +1,32 @@
 "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.DropdownIcon = 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 _icons = require("@vkontakte/icons");
-
-var _SizeYConditionalRender = require("../SizeYConditionalRender/SizeYConditionalRender");
-
-var _excluded = ["opened"];
-
+var _classNames = require("../../lib/classNames");
+var _useAdaptivityConditionalRender = require("../../hooks/useAdaptivityConditionalRender");
+var _excluded = ["opened", "className"];
 var DropdownIcon = function DropdownIcon(_ref) {
   var _ref$opened = _ref.opened,
-      opened = _ref$opened === void 0 ? false : _ref$opened,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    opened = _ref$opened === void 0 ? false : _ref$opened,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useAdaptivityConditi = (0, _useAdaptivityConditionalRender.useAdaptivityConditionalRender)(),
+    sizeY = _useAdaptivityConditi.sizeY;
   var IconCompact = opened ? _icons.Icon20ChevronUp : _icons.Icon20Dropdown;
   var IconRegular = opened ? _icons.Icon24ChevronUp : _icons.Icon24ChevronDown;
-  return (0, _jsxRuntime.createScopedElement)(_SizeYConditionalRender.SizeYConditionalRender, {
-    compact: (0, _jsxRuntime.createScopedElement)(IconCompact, (0, _extends2.default)({
-      vkuiClass: "DropdownIcon"
-    }, restProps)),
-    regular: (0, _jsxRuntime.createScopedElement)(IconRegular, (0, _extends2.default)({
-      vkuiClass: "DropdownIcon"
-    }, restProps))
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sizeY.compact && /*#__PURE__*/React.createElement(IconCompact, (0, _extends2.default)({
+    className: (0, _classNames.classNamesString)("vkuiDropdownIcon", sizeY.compact.className, className)
+  }, restProps)), sizeY.regular && /*#__PURE__*/React.createElement(IconRegular, (0, _extends2.default)({
+    className: (0, _classNames.classNamesString)("vkuiDropdownIcon", sizeY.regular.className, className)
+  }, restProps)));
 };
-
 exports.DropdownIcon = DropdownIcon;
 //# sourceMappingURL=DropdownIcon.js.map