@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/CustomSelectOption/CustomSelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelectOption.js","names":["React","Icon16Done","classNames","hasReactNode","useAdaptivity","SizeType","warnOnce","Footnote","Paragraph","sizeYClassNames","none","REGULAR","warn","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","className","restProps","title","undefined","sizeY","useMemo","process","env","NODE_ENV","COMPACT"],"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CustomSelectOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['CustomSelectOption--sizeY-none'],\n  [SizeType.REGULAR]: styles['CustomSelectOption--sizeY-regular'],\n};\n\nexport interface CustomSelectOptionProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Вставляет основной контент.\n   * @deprecated since v6.0.0\n   */\n  option?: any;\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean;\n  /**\n   * Блокирует весь блок.\n   */\n  disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered,\n  selected,\n  before,\n  after,\n  option,\n  description,\n  disabled,\n  style: styleProp,\n  className,\n  ...restProps\n}: CustomSelectOptionProps) => {\n  const title = typeof children === 'string' ? children : undefined;\n  const { sizeY = 'none' } = useAdaptivity();\n  const style = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n            ...styleProp,\n          }\n        : styleProp,\n    [hierarchy, styleProp],\n  );\n\n  if (!!option && process.env.NODE_ENV === 'development') {\n    // TODO v6.0.0. Удалить св-во `option`\n    warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n  }\n\n  return (\n    <Paragraph\n      {...restProps}\n      Component=\"div\"\n      role=\"option\"\n      title={title}\n      aria-disabled={disabled}\n      aria-selected={selected}\n      className={classNames(\n        styles['CustomSelectOption'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        hovered && !disabled && styles['CustomSelectOption--hover'],\n        // Note: пустой класс\n        selected && styles['CustomSelectOption--selected'],\n        disabled && styles['CustomSelectOption--disabled'],\n        hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n        className,\n      )}\n      style={style}\n    >\n      {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n      <div className={styles['CustomSelectOption__main']}>\n        <div className={styles['CustomSelectOption__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n        )}\n      </div>\n      <div className={styles['CustomSelectOption__after']}>\n        {hasReactNode(after) && (\n          <div className={styles['CustomSelectOption__afterIn']}>{after}</div>\n        )}\n        {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,SAAS,QAAQ,mCAAmC;AAG7D,IAAMC,eAAe;EACnBC,IAAI;AAA0C,GAC7CL,QAAQ,CAACM,OAAO,0CAClB;AA8CD,IAAMC,IAAI,GAAGN,QAAQ,CAAC,oBAAoB,CAAC;;AAE3C;AACA;AACA;AACA,OAAO,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkB,OAaA;EAAA,IAZ7BC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,CAAC;IACbC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACDC,SAAS,QAAhBC,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,KAAK,GAAG,OAAOb,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGc,SAAS;EACjE,qBAA2BxB,aAAa,EAAE;IAAA,sCAAlCyB,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAML,KAAK,GAAGxB,KAAK,CAAC8B,OAAO,CACzB;IAAA,OACEf,SAAS,GAAG,CAAC;MAEP,uDAAuD,EAAEA;IAAS,GAC/DQ,SAAS,IAEdA,SAAS;EAAA,GACf,CAACR,SAAS,EAAEQ,SAAS,CAAC,CACvB;EAED,IAAI,CAAC,CAACH,MAAM,IAAIW,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IACtD;IACArB,IAAI,CAAC,oEAAoE,CAAC;EAC5E;EAEA,oBACE,oBAAC,SAAS,eACJc,SAAS;IACb,SAAS,EAAC,KAAK;IACf,IAAI,EAAC,QAAQ;IACb,KAAK,EAAEC,KAAM;IACb,iBAAeL,QAAS;IACxB,iBAAeL,QAAS;IACxB,SAAS,EAAEf,UAAU,2BAEnB2B,KAAK,KAAKxB,QAAQ,CAAC6B,OAAO,IAAIzB,eAAe,CAACoB,KAAK,CAAC,EACpDb,OAAO,IAAI,CAACM,QAAQ,mCAAuC;IAC3D;IACAL,QAAQ,sCAA0C,EAClDK,QAAQ,sCAA0C,EAClDP,SAAS,GAAG,CAAC,uCAA2C,EACxDU,SAAS,CACT;IACF,KAAK,EAAED;EAAM,IAEZrB,YAAY,CAACe,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAuC,GAAEA,MAAM,CAAO,eAC7F;IAAK,SAAS;EAAqC,gBACjD;IAAK,SAAS;EAAyC,GAAEJ,QAAQ,CAAO,EACvEX,YAAY,CAACkB,WAAW,CAAC,iBACxB,oBAAC,QAAQ;IAAC,SAAS;EAA4C,GAAEA,WAAW,CAC7E,CACG,eACN;IAAK,SAAS;EAAsC,GACjDlB,YAAY,CAACgB,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAwC,GAAEA,KAAK,CAC9D,EACAF,QAAQ,iBAAI,oBAAC,UAAU;IAAC,SAAS;EAA6C,EAAG,CAC9E,CACI;AAEhB,CAAC"}
+{"version":3,"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CustomSelectOption.module.css';\n\nconst sizeYClassNames = {\n  none: styles['CustomSelectOption--sizeY-none'],\n  [SizeType.REGULAR]: styles['CustomSelectOption--sizeY-regular'],\n};\n\nexport interface CustomSelectOptionProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Вставляет основной контент.\n   * @deprecated since v6.0.0\n   */\n  option?: any;\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean;\n  /**\n   * Блокирует весь блок.\n   */\n  disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered,\n  selected,\n  before,\n  after,\n  option,\n  description,\n  disabled,\n  style: styleProp,\n  className,\n  ...restProps\n}: CustomSelectOptionProps) => {\n  const title = typeof children === 'string' ? children : undefined;\n  const { sizeY = 'none' } = useAdaptivity();\n  const style = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n            ...styleProp,\n          }\n        : styleProp,\n    [hierarchy, styleProp],\n  );\n\n  if (!!option && process.env.NODE_ENV === 'development') {\n    // TODO v6.0.0. Удалить св-во `option`\n    warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n  }\n\n  return (\n    <Paragraph\n      {...restProps}\n      Component=\"div\"\n      role=\"option\"\n      title={title}\n      aria-disabled={disabled}\n      aria-selected={selected}\n      className={classNames(\n        styles['CustomSelectOption'],\n        sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n        hovered && !disabled && styles['CustomSelectOption--hover'],\n        disabled && styles['CustomSelectOption--disabled'],\n        hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n        className,\n      )}\n      style={style}\n    >\n      {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n      <div className={styles['CustomSelectOption__main']}>\n        <div className={styles['CustomSelectOption__children']}>{children}</div>\n        {hasReactNode(description) && (\n          <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n        )}\n      </div>\n      <div className={styles['CustomSelectOption__after']}>\n        {hasReactNode(after) && <div>{after}</div>}\n        {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"names":["React","Icon16Done","classNames","hasReactNode","useAdaptivity","SizeType","warnOnce","Footnote","Paragraph","sizeYClassNames","none","REGULAR","warn","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","style","styleProp","className","restProps","title","undefined","sizeY","useMemo","process","env","NODE_ENV","Component","role","aria-disabled","aria-selected","COMPACT","div"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,SAASC,QAAQ,QAAQ,kCAAkC;AAC3D,SAASC,SAAS,QAAQ,oCAAoC;AAG9D,IAAMC;IACJC,IAAI;GACHL,SAASM,OAAO;AA+CnB,IAAMC,OAAON,SAAS;AAEtB;;CAEC,GACD,OAAO,IAAMO,qBAAqB,iBAaH;QAZ7BC,kBAAAA,oCACAC,WAAAA,0CAAY,sBACZC,iBAAAA,SACAC,kBAAAA,UACAC,gBAAAA,QACAC,eAAAA,OACAC,gBAAAA,QACAC,qBAAAA,aACAC,kBAAAA,UACAC,AAAOC,mBAAPD,OACAE,mBAAAA,WACGC;QAXHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,IAAME,QAAQ,OAAOb,aAAa,WAAWA,WAAWc,SAAS;IACjE,IAA2BxB,iBAAAA,wCAAAA,eAAnByB,OAAAA,0CAAQ;IAChB,IAAMN,QAAQvB,MAAM8B,OAAO,CACzB;eACEf,YAAY,IACR;YACE,yDAAyDA;WACtDS,aAELA,SAAS;OACf;QAACT;QAAWS;KAAU;IAGxB,IAAI,CAAC,CAACJ,UAAUW,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QACtD,sCAAsC;QACtCrB,KAAK;IACP,CAAC;IAED,qBACE,oBAACJ,mDACKkB;QACJQ,WAAU;QACVC,MAAK;QACLR,OAAOA;QACPS,iBAAed;QACfe,iBAAepB;QACfQ,WAAWvB,qCAET2B,UAAUxB,SAASiC,OAAO,IAAI7B,eAAe,CAACoB,MAAM,EACpDb,WAAW,CAACM,6CACZA,gDACAP,YAAY,0CACZU;QAEFF,OAAOA;QAENpB,aAAae,yBAAW,oBAACqB;QAAId,SAAS;OAAyCP,uBAChF,oBAACqB;QAAId,SAAS;qBACZ,oBAACc;QAAId,SAAS;OAA2CX,WACxDX,aAAakB,8BACZ,oBAACd;QAASkB,SAAS;OAA8CJ,6BAGrE,oBAACkB;QAAId,SAAS;OACXtB,aAAagB,wBAAU,oBAACoB,aAAKpB,QAC7BF,0BAAY,oBAAChB;QAAWwB,SAAS;;AAI1C,EAAE"}

package/dist/components/DateInput/DateInput.d.ts

@@ -3,7 +3,7 @@ import type { PlacementWithAuto } from '../../lib/floating';
 import { HasRootRef } from '../../types';
 import { CalendarProps } from '../Calendar/Calendar';
 import { FormFieldProps } from '../FormField/FormField';
-import '../InputLike/InputLikeDivider.module.css';
+import '../InputLike/InputLike.module.css';
 export interface DateInputProps extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'size'>, Pick<CalendarProps, 'disablePast' | 'disableFuture' | 'enableTime' | 'shouldDisableDate' | 'onChange' | 'value' | 'doneButtonText' | 'weekStartsOn' | 'disablePickers' | 'changeHoursAriaLabel' | 'changeMinutesAriaLabel' | 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'changeDayAriaLabel' | 'showNeighboringMonth' | 'size' | 'viewDate' | 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon'>, HasRootRef<HTMLDivElement>, FormFieldProps {
     calendarPlacement?: PlacementWithAuto;
     closeOnChange?: boolean;

package/dist/components/DateInput/DateInput.js

@@ -1,264 +1,268 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["enableTime", "shouldDisableDate", "disableFuture", "disablePast", "value", "onChange", "calendarPlacement", "style", "className", "doneButtonText", "closeOnChange", "disablePickers", "getRootRef", "name", "autoFocus", "disabled", "onClick", "onFocus", "prevMonthAriaLabel", "nextMonthAriaLabel", "showNeighboringMonth", "size", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "changeHoursAriaLabel", "changeMinutesAriaLabel", "clearFieldAriaLabel", "showCalendarAriaLabel", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "disableCalendar"];
-import * as React from 'react';
-import { Icon16Clear, Icon20CalendarOutline } from '@vkontakte/icons';
-import { classNames } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useDateInput } from '../../hooks/useDateInput';
-import { useExternRef } from '../../hooks/useExternRef';
-import { SizeType } from '../../lib/adaptivity';
-import { callMultiple } from '../../lib/callMultiple';
-import { format, isMatch, parse } from '../../lib/date';
-import { Calendar } from '../Calendar/Calendar';
-import { FormField } from '../FormField/FormField';
-import { IconButton } from '../IconButton/IconButton';
-import { InputLike } from '../InputLike/InputLike';
-import { InputLikeDivider } from '../InputLike/InputLikeDivider';
-import { Popper } from '../Popper/Popper';
-var sizeYClassNames = _defineProperty({
-  none: "vkuiDateInput--sizeY-none"
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import * as React from "react";
+import { Icon16Clear, Icon20CalendarOutline } from "@vkontakte/icons";
+import { classNames } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useDateInput } from "../../hooks/useDateInput";
+import { useExternRef } from "../../hooks/useExternRef";
+import { SizeType } from "../../lib/adaptivity";
+import { callMultiple } from "../../lib/callMultiple";
+import { format, isMatch, parse } from "../../lib/date";
+import { Calendar } from "../Calendar/Calendar";
+import { FormField } from "../FormField/FormField";
+import { IconButton } from "../IconButton/IconButton";
+import { InputLike } from "../InputLike/InputLike";
+import { InputLikeDivider } from "../InputLike/InputLikeDivider";
+import { Popper } from "../Popper/Popper";
+var sizeYClassNames = _define_property({
+    none: "vkuiDateInput--sizeY-none"
 }, SizeType.COMPACT, "vkuiDateInput--sizeY-compact");
-var elementsConfig = function elementsConfig(index) {
-  var length = 2;
-  var min = 1;
-  var max = 0;
-  switch (index) {
-    case 0:
-      max = 31;
-      break;
-    case 1:
-      max = 12;
-      break;
-    case 2:
-      max = 2100;
-      min = 1900;
-      length = 4;
-      break;
-    case 3:
-      max = 23;
-      break;
-    case 4:
-      max = 59;
-      break;
-  }
-  return {
-    length: length,
-    min: min,
-    max: max
-  };
+var elementsConfig = function(index) {
+    var length = 2;
+    var min = 1;
+    var max = 0;
+    switch(index){
+        case 0:
+            max = 31;
+            break;
+        case 1:
+            max = 12;
+            break;
+        case 2:
+            max = 2100;
+            min = 1900;
+            length = 4;
+            break;
+        case 3:
+            max = 23;
+            break;
+        case 4:
+            max = 59;
+            break;
+    }
+    return {
+        length: length,
+        min: min,
+        max: max
+    };
 };
-var getInternalValue = function getInternalValue(value) {
-  var newValue = ['', '', '', '', ''];
-  if (value) {
-    newValue[0] = String(value.getDate()).padStart(2, '0');
-    newValue[1] = String(value.getMonth() + 1).padStart(2, '0');
-    newValue[2] = String(value.getFullYear()).padStart(4, '0');
-    newValue[3] = String(value.getHours()).padStart(2, '0');
-    newValue[4] = String(value.getMinutes()).padStart(2, '0');
-  }
-  return newValue;
+var getInternalValue = function(value) {
+    var newValue = [
+        "",
+        "",
+        "",
+        "",
+        ""
+    ];
+    if (value) {
+        newValue[0] = String(value.getDate()).padStart(2, "0");
+        newValue[1] = String(value.getMonth() + 1).padStart(2, "0");
+        newValue[2] = String(value.getFullYear()).padStart(4, "0");
+        newValue[3] = String(value.getHours()).padStart(2, "0");
+        newValue[4] = String(value.getMinutes()).padStart(2, "0");
+    }
+    return newValue;
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/DateInput
- */
-export var DateInput = function DateInput(_ref) {
-  var enableTime = _ref.enableTime,
-    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,
-    doneButtonText = _ref.doneButtonText,
-    _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,
-    showNeighboringMonth = _ref.showNeighboringMonth,
-    size = _ref.size,
-    _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
-    changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? 'Изменить месяц' : _ref$changeMonthAriaL,
-    _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
-    changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? 'Изменить год' : _ref$changeYearAriaLa,
-    _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
-    changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? 'Изменить день' : _ref$changeDayAriaLab,
-    _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
-    changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? 'Изменить час' : _ref$changeHoursAriaL,
-    _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
-    changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? 'Изменить минуту' : _ref$changeMinutesAri,
-    _ref$clearFieldAriaLa = _ref.clearFieldAriaLabel,
-    clearFieldAriaLabel = _ref$clearFieldAriaLa === void 0 ? 'Очистить поле' : _ref$clearFieldAriaLa,
-    _ref$showCalendarAria = _ref.showCalendarAriaLabel,
-    showCalendarAriaLabel = _ref$showCalendarAria === void 0 ? 'Показать календарь' : _ref$showCalendarAria,
-    viewDate = _ref.viewDate,
-    onHeaderChange = _ref.onHeaderChange,
-    onNextMonth = _ref.onNextMonth,
-    onPrevMonth = _ref.onPrevMonth,
-    prevMonthIcon = _ref.prevMonthIcon,
-    nextMonthIcon = _ref.nextMonthIcon,
-    _ref$disableCalendar = _ref.disableCalendar,
-    disableCalendar = _ref$disableCalendar === void 0 ? false : _ref$disableCalendar,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var daysRef = React.useRef(null);
-  var monthsRef = React.useRef(null);
-  var yearsRef = React.useRef(null);
-  var hoursRef = React.useRef(null);
-  var minutesRef = React.useRef(null);
-  var maxElement = enableTime ? 4 : 2;
-  var onInternalValueChange = React.useCallback(function (internalValue) {
-    for (var i = 0; i <= maxElement; i += 1) {
-      if (internalValue[i].length < elementsConfig(i).length) {
-        return;
-      }
-    }
-    var formattedValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
-    var mask = 'DD.MM.YYYY';
-    if (enableTime) {
-      formattedValue += " ".concat(internalValue[3], ":").concat(internalValue[4]);
-      mask += ' HH:mm';
-    }
-    if (isMatch(formattedValue, mask)) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(parse(formattedValue, mask, value !== null && value !== void 0 ? value : new Date()));
-    }
-  }, [enableTime, maxElement, onChange, value]);
-  var refs = React.useMemo(function () {
-    return [daysRef, monthsRef, yearsRef, hoursRef, minutesRef];
-  }, [daysRef, monthsRef, yearsRef, hoursRef, minutesRef]);
-  var _useDateInput = useDateInput({
-      maxElement: maxElement,
-      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 = useAdaptivity(),
-    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
-    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
-  var handleRootRef = useExternRef(rootRef, getRootRef);
-  var onCalendarChange = React.useCallback(function (value) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    if (closeOnChange && !enableTime) {
-      removeFocusFromField();
-    }
-  }, [onChange, removeFocusFromField, closeOnChange, enableTime]);
-  return /*#__PURE__*/React.createElement(FormField, _extends({
-    style: style,
-    className: classNames("vkuiDateInput", sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
-    getRootRef: handleRootRef,
-    after: value ? /*#__PURE__*/React.createElement(IconButton, {
-      hoverMode: "opacity",
-      "aria-label": clearFieldAriaLabel,
-      onClick: clear
-    }, /*#__PURE__*/React.createElement(Icon16Clear, null)) : /*#__PURE__*/React.createElement(IconButton, {
-      hoverMode: "opacity",
-      "aria-label": showCalendarAriaLabel,
-      onClick: openCalendar
-    }, /*#__PURE__*/React.createElement(Icon20CalendarOutline, null)),
-    disabled: disabled,
-    onClick: callMultiple(handleFieldEnter, onClick),
-    onFocus: callMultiple(handleFieldEnter, onFocus)
-  }, props), /*#__PURE__*/React.createElement("input", {
-    type: "hidden",
-    name: name,
-    value: value ? format(value, enableTime ? 'DD.MM.YYYYTHH:mm' : 'DD.MM.YYYY') : ''
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "vkuiDateInput__input",
-    onKeyDown: handleKeyDown
-  }, /*#__PURE__*/React.createElement(InputLike, {
-    length: 2,
-    getRootRef: daysRef,
-    index: 0,
-    onElementSelect: setFocusedElement,
-    value: internalValue[0],
-    "aria-label": changeDayAriaLabel
-  }), /*#__PURE__*/React.createElement(InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(InputLike, {
-    length: 2,
-    getRootRef: monthsRef,
-    index: 1,
-    onElementSelect: setFocusedElement,
-    value: internalValue[1],
-    "aria-label": changeMonthAriaLabel
-  }), /*#__PURE__*/React.createElement(InputLikeDivider, null, "."), /*#__PURE__*/React.createElement(InputLike, {
-    length: 4,
-    getRootRef: yearsRef,
-    index: 2,
-    onElementSelect: setFocusedElement,
-    value: internalValue[2],
-    "aria-label": changeYearAriaLabel
-  }), enableTime && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputLikeDivider, {
-    className: "vkuiDateInput__input--time-divider"
-  }, ' '), /*#__PURE__*/React.createElement(InputLike, {
-    length: 2,
-    getRootRef: hoursRef,
-    index: 3,
-    onElementSelect: setFocusedElement,
-    value: internalValue[3],
-    "aria-label": changeHoursAriaLabel
-  }), /*#__PURE__*/React.createElement(InputLikeDivider, null, ":"), /*#__PURE__*/React.createElement(InputLike, {
-    length: 2,
-    getRootRef: minutesRef,
-    index: 4,
-    onElementSelect: setFocusedElement,
-    value: internalValue[4],
-    "aria-label": changeMinutesAriaLabel
-  }))), open && !disableCalendar && /*#__PURE__*/React.createElement(Popper, {
-    targetRef: rootRef,
-    offsetDistance: 8,
-    placement: calendarPlacement
-  }, /*#__PURE__*/React.createElement(Calendar, {
-    value: value,
-    onChange: onCalendarChange,
-    enableTime: enableTime,
-    disablePast: disablePast,
-    disableFuture: disableFuture,
-    shouldDisableDate: shouldDisableDate,
-    onClose: closeCalendar,
-    getRootRef: calendarRef,
-    doneButtonText: doneButtonText,
-    disablePickers: disablePickers,
-    changeHoursAriaLabel: changeHoursAriaLabel,
-    changeMinutesAriaLabel: changeMinutesAriaLabel,
-    prevMonthAriaLabel: prevMonthAriaLabel,
-    nextMonthAriaLabel: nextMonthAriaLabel,
-    changeMonthAriaLabel: changeMonthAriaLabel,
-    changeYearAriaLabel: changeYearAriaLabel,
-    changeDayAriaLabel: changeDayAriaLabel,
-    showNeighboringMonth: showNeighboringMonth,
-    size: size,
-    viewDate: viewDate,
-    onHeaderChange: onHeaderChange,
-    onNextMonth: onNextMonth,
-    onPrevMonth: onPrevMonth,
-    prevMonthIcon: prevMonthIcon,
-    nextMonthIcon: nextMonthIcon
-  })));
+ */ export var DateInput = function(_param) {
+    var enableTime = _param.enableTime, shouldDisableDate = _param.shouldDisableDate, disableFuture = _param.disableFuture, disablePast = _param.disablePast, value = _param.value, onChange = _param.onChange, _param_calendarPlacement = _param.calendarPlacement, calendarPlacement = _param_calendarPlacement === void 0 ? "bottom-start" : _param_calendarPlacement, style = _param.style, className = _param.className, doneButtonText = _param.doneButtonText, _param_closeOnChange = _param.closeOnChange, closeOnChange = _param_closeOnChange === void 0 ? true : _param_closeOnChange, disablePickers = _param.disablePickers, getRootRef = _param.getRootRef, name = _param.name, autoFocus = _param.autoFocus, disabled = _param.disabled, onClick = _param.onClick, onFocus = _param.onFocus, prevMonthAriaLabel = _param.prevMonthAriaLabel, nextMonthAriaLabel = _param.nextMonthAriaLabel, showNeighboringMonth = _param.showNeighboringMonth, size = _param.size, _param_changeMonthAriaLabel = _param.changeMonthAriaLabel, changeMonthAriaLabel = _param_changeMonthAriaLabel === void 0 ? "Изменить месяц" : _param_changeMonthAriaLabel, _param_changeYearAriaLabel = _param.changeYearAriaLabel, changeYearAriaLabel = _param_changeYearAriaLabel === void 0 ? "Изменить год" : _param_changeYearAriaLabel, _param_changeDayAriaLabel = _param.changeDayAriaLabel, changeDayAriaLabel = _param_changeDayAriaLabel === void 0 ? "Изменить день" : _param_changeDayAriaLabel, _param_changeHoursAriaLabel = _param.changeHoursAriaLabel, changeHoursAriaLabel = _param_changeHoursAriaLabel === void 0 ? "Изменить час" : _param_changeHoursAriaLabel, _param_changeMinutesAriaLabel = _param.changeMinutesAriaLabel, changeMinutesAriaLabel = _param_changeMinutesAriaLabel === void 0 ? "Изменить минуту" : _param_changeMinutesAriaLabel, _param_clearFieldAriaLabel = _param.clearFieldAriaLabel, clearFieldAriaLabel = _param_clearFieldAriaLabel === void 0 ? "Очистить поле" : _param_clearFieldAriaLabel, _param_showCalendarAriaLabel = _param.showCalendarAriaLabel, showCalendarAriaLabel = _param_showCalendarAriaLabel === void 0 ? "Показать календарь" : _param_showCalendarAriaLabel, viewDate = _param.viewDate, onHeaderChange = _param.onHeaderChange, onNextMonth = _param.onNextMonth, onPrevMonth = _param.onPrevMonth, prevMonthIcon = _param.prevMonthIcon, nextMonthIcon = _param.nextMonthIcon, _param_disableCalendar = _param.disableCalendar, disableCalendar = _param_disableCalendar === void 0 ? false : _param_disableCalendar, props = _object_without_properties(_param, [
+        "enableTime",
+        "shouldDisableDate",
+        "disableFuture",
+        "disablePast",
+        "value",
+        "onChange",
+        "calendarPlacement",
+        "style",
+        "className",
+        "doneButtonText",
+        "closeOnChange",
+        "disablePickers",
+        "getRootRef",
+        "name",
+        "autoFocus",
+        "disabled",
+        "onClick",
+        "onFocus",
+        "prevMonthAriaLabel",
+        "nextMonthAriaLabel",
+        "showNeighboringMonth",
+        "size",
+        "changeMonthAriaLabel",
+        "changeYearAriaLabel",
+        "changeDayAriaLabel",
+        "changeHoursAriaLabel",
+        "changeMinutesAriaLabel",
+        "clearFieldAriaLabel",
+        "showCalendarAriaLabel",
+        "viewDate",
+        "onHeaderChange",
+        "onNextMonth",
+        "onPrevMonth",
+        "prevMonthIcon",
+        "nextMonthIcon",
+        "disableCalendar"
+    ]);
+    var daysRef = React.useRef(null);
+    var monthsRef = React.useRef(null);
+    var yearsRef = React.useRef(null);
+    var hoursRef = React.useRef(null);
+    var minutesRef = React.useRef(null);
+    var maxElement = enableTime ? 4 : 2;
+    var onInternalValueChange = React.useCallback(function(internalValue) {
+        for(var i = 0; i <= maxElement; i += 1){
+            if (internalValue[i].length < elementsConfig(i).length) {
+                return;
+            }
+        }
+        var formattedValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
+        var mask = "DD.MM.YYYY";
+        if (enableTime) {
+            formattedValue += " ".concat(internalValue[3], ":").concat(internalValue[4]);
+            mask += " HH:mm";
+        }
+        if (isMatch(formattedValue, mask)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(parse(formattedValue, mask, value !== null && value !== void 0 ? value : new Date()));
+        }
+    }, [
+        enableTime,
+        maxElement,
+        onChange,
+        value
+    ]);
+    var refs = React.useMemo(function() {
+        return [
+            daysRef,
+            monthsRef,
+            yearsRef,
+            hoursRef,
+            minutesRef
+        ];
+    }, [
+        daysRef,
+        monthsRef,
+        yearsRef,
+        hoursRef,
+        minutesRef
+    ]);
+    var _useDateInput = useDateInput({
+        maxElement: maxElement,
+        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 = useAdaptivity(), _useAdaptivity_sizeY = _useAdaptivity.sizeY, sizeY = _useAdaptivity_sizeY === void 0 ? "none" : _useAdaptivity_sizeY;
+    var handleRootRef = useExternRef(rootRef, getRootRef);
+    var onCalendarChange = React.useCallback(function(value) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        if (closeOnChange && !enableTime) {
+            removeFocusFromField();
+        }
+    }, [
+        onChange,
+        removeFocusFromField,
+        closeOnChange,
+        enableTime
+    ]);
+    return /*#__PURE__*/ React.createElement(FormField, _object_spread({
+        style: style,
+        className: classNames(sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className),
+        getRootRef: handleRootRef,
+        after: value ? /*#__PURE__*/ React.createElement(IconButton, {
+            hoverMode: "opacity",
+            "aria-label": clearFieldAriaLabel,
+            onClick: clear
+        }, /*#__PURE__*/ React.createElement(Icon16Clear, null)) : /*#__PURE__*/ React.createElement(IconButton, {
+            hoverMode: "opacity",
+            "aria-label": showCalendarAriaLabel,
+            onClick: openCalendar
+        }, /*#__PURE__*/ React.createElement(Icon20CalendarOutline, null)),
+        disabled: disabled,
+        onClick: callMultiple(handleFieldEnter, onClick),
+        onFocus: callMultiple(handleFieldEnter, onFocus)
+    }, props), /*#__PURE__*/ React.createElement("input", {
+        type: "hidden",
+        name: name,
+        value: value ? format(value, enableTime ? "DD.MM.YYYYTHH:mm" : "DD.MM.YYYY") : ""
+    }), /*#__PURE__*/ React.createElement("span", {
+        className: "vkuiDateInput__input",
+        onKeyDown: handleKeyDown
+    }, /*#__PURE__*/ React.createElement(InputLike, {
+        length: 2,
+        getRootRef: daysRef,
+        index: 0,
+        onElementSelect: setFocusedElement,
+        value: internalValue[0],
+        "aria-label": changeDayAriaLabel
+    }), /*#__PURE__*/ React.createElement(InputLikeDivider, null, "."), /*#__PURE__*/ React.createElement(InputLike, {
+        length: 2,
+        getRootRef: monthsRef,
+        index: 1,
+        onElementSelect: setFocusedElement,
+        value: internalValue[1],
+        "aria-label": changeMonthAriaLabel
+    }), /*#__PURE__*/ React.createElement(InputLikeDivider, null, "."), /*#__PURE__*/ React.createElement(InputLike, {
+        length: 4,
+        getRootRef: yearsRef,
+        index: 2,
+        onElementSelect: setFocusedElement,
+        value: internalValue[2],
+        "aria-label": changeYearAriaLabel
+    }), enableTime && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(InputLikeDivider, {
+        className: "vkuiDateInput__input--time-divider"
+    }, " "), /*#__PURE__*/ React.createElement(InputLike, {
+        length: 2,
+        getRootRef: hoursRef,
+        index: 3,
+        onElementSelect: setFocusedElement,
+        value: internalValue[3],
+        "aria-label": changeHoursAriaLabel
+    }), /*#__PURE__*/ React.createElement(InputLikeDivider, null, ":"), /*#__PURE__*/ React.createElement(InputLike, {
+        length: 2,
+        getRootRef: minutesRef,
+        index: 4,
+        onElementSelect: setFocusedElement,
+        value: internalValue[4],
+        "aria-label": changeMinutesAriaLabel
+    }))), open && !disableCalendar && /*#__PURE__*/ React.createElement(Popper, {
+        targetRef: rootRef,
+        offsetDistance: 8,
+        placement: calendarPlacement
+    }, /*#__PURE__*/ React.createElement(Calendar, {
+        value: value,
+        onChange: onCalendarChange,
+        enableTime: enableTime,
+        disablePast: disablePast,
+        disableFuture: disableFuture,
+        shouldDisableDate: shouldDisableDate,
+        onClose: closeCalendar,
+        getRootRef: calendarRef,
+        doneButtonText: doneButtonText,
+        disablePickers: disablePickers,
+        changeHoursAriaLabel: changeHoursAriaLabel,
+        changeMinutesAriaLabel: changeMinutesAriaLabel,
+        prevMonthAriaLabel: prevMonthAriaLabel,
+        nextMonthAriaLabel: nextMonthAriaLabel,
+        changeMonthAriaLabel: changeMonthAriaLabel,
+        changeYearAriaLabel: changeYearAriaLabel,
+        changeDayAriaLabel: changeDayAriaLabel,
+        showNeighboringMonth: showNeighboringMonth,
+        size: size,
+        viewDate: viewDate,
+        onHeaderChange: onHeaderChange,
+        onNextMonth: onNextMonth,
+        onPrevMonth: onPrevMonth,
+        prevMonthIcon: prevMonthIcon,
+        nextMonthIcon: nextMonthIcon
+    })));
 };
+
 //# sourceMappingURL=DateInput.js.map