@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/components/DateInput/DateInput.js

@@ -1,7 +1,3 @@
-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';
@@ -17,250 +13,217 @@ import { IconButton } from '../IconButton/IconButton';
 import { InputLike } from '../InputLike/InputLike';
 import { InputLikeDivider } from '../InputLike/InputLikeDivider';
 import { Popper } from '../Popper/Popper';
-import '../InputLike/InputLikeDivider.module.css'; // Reorder css
-import "./DateInput.module.css";
-var sizeYClassNames = _defineProperty({
-  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
-  };
+import '../InputLike/InputLike.module.css'; // Reorder css
+import styles from './DateInput.module.css';
+const sizeYClassNames = {
+    none: styles['DateInput--sizeY-none'],
+    [SizeType.COMPACT]: styles['DateInput--sizeY-compact']
 };
-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;
+const elementsConfig = (index)=>{
+    let length = 2;
+    let min = 1;
+    let 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,
+        min,
+        max
+    };
+};
+const getInternalValue = (value)=>{
+    const 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 const DateInput = ({ enableTime , shouldDisableDate , disableFuture , disablePast , value , onChange , calendarPlacement ='bottom-start' , style , className , doneButtonText , closeOnChange =true , 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 =false , ...props })=>{
+    const daysRef = React.useRef(null);
+    const monthsRef = React.useRef(null);
+    const yearsRef = React.useRef(null);
+    const hoursRef = React.useRef(null);
+    const minutesRef = React.useRef(null);
+    const maxElement = enableTime ? 4 : 2;
+    const onInternalValueChange = React.useCallback((internalValue)=>{
+        for(let i = 0; i <= maxElement; i += 1){
+            if (internalValue[i].length < elementsConfig(i).length) {
+                return;
+            }
+        }
+        let formattedValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;
+        let mask = 'DD.MM.YYYY';
+        if (enableTime) {
+            formattedValue += ` ${internalValue[3]}:${internalValue[4]}`;
+            mask += ' HH:mm';
+        }
+        if (isMatch(formattedValue, mask)) {
+            onChange?.(parse(formattedValue, mask, value ?? new Date()));
+        }
+    }, [
+        enableTime,
+        maxElement,
+        onChange,
+        value
+    ]);
+    const refs = React.useMemo(()=>[
+            daysRef,
+            monthsRef,
+            yearsRef,
+            hoursRef,
+            minutesRef
+        ], [
+        daysRef,
+        monthsRef,
+        yearsRef,
+        hoursRef,
+        minutesRef
+    ]);
+    const { rootRef , calendarRef , open , openCalendar , closeCalendar , internalValue , handleKeyDown , setFocusedElement , handleFieldEnter , clear , removeFocusFromField  } = useDateInput({
+        maxElement,
+        refs,
+        autoFocus,
+        disabled,
+        elementsConfig,
+        onChange,
+        onInternalValueChange,
+        getInternalValue,
+        value
+    });
+    const { sizeY ='none'  } = useAdaptivity();
+    const handleRootRef = useExternRef(rootRef, getRootRef);
+    const onCalendarChange = React.useCallback((value)=>{
+        onChange?.(value);
+        if (closeOnChange && !enableTime) {
+            removeFocusFromField();
+        }
+    }, [
+        onChange,
+        removeFocusFromField,
+        closeOnChange,
+        enableTime
+    ]);
+    return /*#__PURE__*/ React.createElement(FormField, {
+        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: styles['DateInput__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: styles['DateInput__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

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","names":["React","Icon16Clear","Icon20CalendarOutline","classNames","useAdaptivity","useDateInput","useExternRef","SizeType","callMultiple","format","isMatch","parse","Calendar","FormField","IconButton","InputLike","InputLikeDivider","Popper","sizeYClassNames","none","COMPACT","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","getHours","getMinutes","DateInput","enableTime","shouldDisableDate","disableFuture","disablePast","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","props","daysRef","useRef","monthsRef","yearsRef","hoursRef","minutesRef","maxElement","onInternalValueChange","useCallback","internalValue","i","formattedValue","mask","Date","refs","useMemo","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","handleRootRef","onCalendarChange","REGULAR"],"sources":["../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Clear, Icon20CalendarOutline } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useDateInput } from '../../hooks/useDateInput';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { format, isMatch, parse } from '../../lib/date';\nimport type { PlacementWithAuto } from '../../lib/floating';\nimport { HasRootRef } from '../../types';\nimport { Calendar, CalendarProps } from '../Calendar/Calendar';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { InputLike } from '../InputLike/InputLike';\nimport { InputLikeDivider } from '../InputLike/InputLikeDivider';\nimport { Popper } from '../Popper/Popper';\nimport '../InputLike/InputLikeDivider.module.css'; // Reorder css\nimport styles from './DateInput.module.css';\n\nconst sizeYClassNames = {\n  none: styles['DateInput--sizeY-none'],\n  [SizeType.COMPACT]: styles['DateInput--sizeY-compact'],\n};\n\nexport interface DateInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'size'>,\n    Pick<\n      CalendarProps,\n      | 'disablePast'\n      | 'disableFuture'\n      | 'enableTime'\n      | 'shouldDisableDate'\n      | 'onChange'\n      | 'value'\n      | 'doneButtonText'\n      | 'weekStartsOn'\n      | 'disablePickers'\n      | 'changeHoursAriaLabel'\n      | 'changeMinutesAriaLabel'\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'changeDayAriaLabel'\n      | 'showNeighboringMonth'\n      | 'size'\n      | 'viewDate'\n      | 'onHeaderChange'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: PlacementWithAuto;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: 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      max = 31;\n      break;\n    case 1:\n      max = 12;\n      break;\n    case 2:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n    case 3:\n      max = 23;\n      break;\n    case 4:\n      max = 59;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarProps['value']) => {\n  const newValue = ['', '', '', '', ''];\n  if (value) {\n    newValue[0] = String(value.getDate()).padStart(2, '0');\n    newValue[1] = String(value.getMonth() + 1).padStart(2, '0');\n    newValue[2] = String(value.getFullYear()).padStart(4, '0');\n    newValue[3] = String(value.getHours()).padStart(2, '0');\n    newValue[4] = String(value.getMinutes()).padStart(2, '0');\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateInput\n */\nexport const DateInput = ({\n  enableTime,\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = 'bottom-start',\n  style,\n  className,\n  doneButtonText,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  showNeighboringMonth,\n  size,\n  changeMonthAriaLabel = 'Изменить месяц',\n  changeYearAriaLabel = 'Изменить год',\n  changeDayAriaLabel = 'Изменить день',\n  changeHoursAriaLabel = 'Изменить час',\n  changeMinutesAriaLabel = 'Изменить минуту',\n  clearFieldAriaLabel = 'Очистить поле',\n  showCalendarAriaLabel = 'Показать календарь',\n  viewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateInputProps) => {\n  const daysRef = React.useRef<HTMLSpanElement>(null);\n  const monthsRef = React.useRef<HTMLSpanElement>(null);\n  const yearsRef = React.useRef<HTMLSpanElement>(null);\n  const hoursRef = React.useRef<HTMLSpanElement>(null);\n  const minutesRef = React.useRef<HTMLSpanElement>(null);\n\n  const maxElement = enableTime ? 4 : 2;\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      for (let i = 0; i <= maxElement; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          return;\n        }\n      }\n\n      let formattedValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      let mask = 'DD.MM.YYYY';\n      if (enableTime) {\n        formattedValue += ` ${internalValue[3]}:${internalValue[4]}`;\n        mask += ' HH:mm';\n      }\n\n      if (isMatch(formattedValue, mask)) {\n        onChange?.(parse(formattedValue, mask, value ?? new Date()));\n      }\n    },\n    [enableTime, maxElement, onChange, value],\n  );\n\n  const refs = React.useMemo(\n    () => [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\n    [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\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,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const handleRootRef = useExternRef(rootRef, getRootRef);\n\n  const onCalendarChange = React.useCallback(\n    (value?: Date | undefined) => {\n      onChange?.(value);\n      if (closeOnChange && !enableTime) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, removeFocusFromField, closeOnChange, enableTime],\n  );\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['DateInput'],\n        sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n        className,\n      )}\n      getRootRef={handleRootRef}\n      after={\n        value ? (\n          <IconButton hoverMode=\"opacity\" aria-label={clearFieldAriaLabel} onClick={clear}>\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton hoverMode=\"opacity\" aria-label={showCalendarAriaLabel} onClick={openCalendar}>\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={value ? format(value, enableTime ? 'DD.MM.YYYYTHH:mm' : 'DD.MM.YYYY') : ''}\n      />\n      <span className={styles['DateInput__input']} onKeyDown={handleKeyDown}>\n        <InputLike\n          length={2}\n          getRootRef={daysRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeYearAriaLabel}\n        />\n        {enableTime && (\n          <React.Fragment>\n            <InputLikeDivider className={styles['DateInput__input--time-divider']}>\n              {' '}\n            </InputLikeDivider>\n            <InputLike\n              length={2}\n              getRootRef={hoursRef}\n              index={3}\n              onElementSelect={setFocusedElement}\n              value={internalValue[3]}\n              aria-label={changeHoursAriaLabel}\n            />\n            <InputLikeDivider>:</InputLikeDivider>\n            <InputLike\n              length={2}\n              getRootRef={minutesRef}\n              index={4}\n              onElementSelect={setFocusedElement}\n              value={internalValue[4]}\n              aria-label={changeMinutesAriaLabel}\n            />\n          </React.Fragment>\n        )}\n      </span>\n      {open && !disableCalendar && (\n        <Popper targetRef={rootRef} offsetDistance={8} placement={calendarPlacement}>\n          <Calendar\n            value={value}\n            onChange={onCalendarChange}\n            enableTime={enableTime}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            doneButtonText={doneButtonText}\n            disablePickers={disablePickers}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            showNeighboringMonth={showNeighboringMonth}\n            size={size}\n            viewDate={viewDate}\n            onHeaderChange={onHeaderChange}\n            onNextMonth={onNextMonth}\n            onPrevMonth={onPrevMonth}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Clear, Icon20CalendarOutline } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useDateInput } from '../../hooks/useDateInput';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { SizeType } from '../../lib/adaptivity';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { format, isMatch, parse } from '../../lib/date';\nimport type { PlacementWithAuto } from '../../lib/floating';\nimport { HasRootRef } from '../../types';\nimport { Calendar, CalendarProps } from '../Calendar/Calendar';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { IconButton } from '../IconButton/IconButton';\nimport { InputLike } from '../InputLike/InputLike';\nimport { InputLikeDivider } from '../InputLike/InputLikeDivider';\nimport { Popper } from '../Popper/Popper';\nimport '../InputLike/InputLike.module.css'; // Reorder css\nimport styles from './DateInput.module.css';\n\nconst sizeYClassNames = {\n  none: styles['DateInput--sizeY-none'],\n  [SizeType.COMPACT]: styles['DateInput--sizeY-compact'],\n};\n\nexport interface DateInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'size'>,\n    Pick<\n      CalendarProps,\n      | 'disablePast'\n      | 'disableFuture'\n      | 'enableTime'\n      | 'shouldDisableDate'\n      | 'onChange'\n      | 'value'\n      | 'doneButtonText'\n      | 'weekStartsOn'\n      | 'disablePickers'\n      | 'changeHoursAriaLabel'\n      | 'changeMinutesAriaLabel'\n      | 'prevMonthAriaLabel'\n      | 'nextMonthAriaLabel'\n      | 'changeMonthAriaLabel'\n      | 'changeYearAriaLabel'\n      | 'changeDayAriaLabel'\n      | 'showNeighboringMonth'\n      | 'size'\n      | 'viewDate'\n      | 'onHeaderChange'\n      | 'onNextMonth'\n      | 'onPrevMonth'\n      | 'prevMonthIcon'\n      | 'nextMonthIcon'\n    >,\n    HasRootRef<HTMLDivElement>,\n    FormFieldProps {\n  calendarPlacement?: PlacementWithAuto;\n  closeOnChange?: boolean;\n  clearFieldAriaLabel?: string;\n  showCalendarAriaLabel?: 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      max = 31;\n      break;\n    case 1:\n      max = 12;\n      break;\n    case 2:\n      max = 2100;\n      min = 1900;\n      length = 4;\n      break;\n    case 3:\n      max = 23;\n      break;\n    case 4:\n      max = 59;\n      break;\n  }\n\n  return { length, min, max };\n};\n\nconst getInternalValue = (value: CalendarProps['value']) => {\n  const newValue = ['', '', '', '', ''];\n  if (value) {\n    newValue[0] = String(value.getDate()).padStart(2, '0');\n    newValue[1] = String(value.getMonth() + 1).padStart(2, '0');\n    newValue[2] = String(value.getFullYear()).padStart(4, '0');\n    newValue[3] = String(value.getHours()).padStart(2, '0');\n    newValue[4] = String(value.getMinutes()).padStart(2, '0');\n  }\n  return newValue;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DateInput\n */\nexport const DateInput = ({\n  enableTime,\n  shouldDisableDate,\n  disableFuture,\n  disablePast,\n  value,\n  onChange,\n  calendarPlacement = 'bottom-start',\n  style,\n  className,\n  doneButtonText,\n  closeOnChange = true,\n  disablePickers,\n  getRootRef,\n  name,\n  autoFocus,\n  disabled,\n  onClick,\n  onFocus,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  showNeighboringMonth,\n  size,\n  changeMonthAriaLabel = 'Изменить месяц',\n  changeYearAriaLabel = 'Изменить год',\n  changeDayAriaLabel = 'Изменить день',\n  changeHoursAriaLabel = 'Изменить час',\n  changeMinutesAriaLabel = 'Изменить минуту',\n  clearFieldAriaLabel = 'Очистить поле',\n  showCalendarAriaLabel = 'Показать календарь',\n  viewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  disableCalendar = false,\n  ...props\n}: DateInputProps) => {\n  const daysRef = React.useRef<HTMLSpanElement>(null);\n  const monthsRef = React.useRef<HTMLSpanElement>(null);\n  const yearsRef = React.useRef<HTMLSpanElement>(null);\n  const hoursRef = React.useRef<HTMLSpanElement>(null);\n  const minutesRef = React.useRef<HTMLSpanElement>(null);\n\n  const maxElement = enableTime ? 4 : 2;\n\n  const onInternalValueChange = React.useCallback(\n    (internalValue: string[]) => {\n      for (let i = 0; i <= maxElement; i += 1) {\n        if (internalValue[i].length < elementsConfig(i).length) {\n          return;\n        }\n      }\n\n      let formattedValue = `${internalValue[0]}.${internalValue[1]}.${internalValue[2]}`;\n      let mask = 'DD.MM.YYYY';\n      if (enableTime) {\n        formattedValue += ` ${internalValue[3]}:${internalValue[4]}`;\n        mask += ' HH:mm';\n      }\n\n      if (isMatch(formattedValue, mask)) {\n        onChange?.(parse(formattedValue, mask, value ?? new Date()));\n      }\n    },\n    [enableTime, maxElement, onChange, value],\n  );\n\n  const refs = React.useMemo(\n    () => [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\n    [daysRef, monthsRef, yearsRef, hoursRef, minutesRef],\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,\n    refs,\n    autoFocus,\n    disabled,\n    elementsConfig,\n    onChange,\n    onInternalValueChange,\n    getInternalValue,\n    value,\n  });\n\n  const { sizeY = 'none' } = useAdaptivity();\n\n  const handleRootRef = useExternRef(rootRef, getRootRef);\n\n  const onCalendarChange = React.useCallback(\n    (value?: Date | undefined) => {\n      onChange?.(value);\n      if (closeOnChange && !enableTime) {\n        removeFocusFromField();\n      }\n    },\n    [onChange, removeFocusFromField, closeOnChange, enableTime],\n  );\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY], className)}\n      getRootRef={handleRootRef}\n      after={\n        value ? (\n          <IconButton hoverMode=\"opacity\" aria-label={clearFieldAriaLabel} onClick={clear}>\n            <Icon16Clear />\n          </IconButton>\n        ) : (\n          <IconButton hoverMode=\"opacity\" aria-label={showCalendarAriaLabel} onClick={openCalendar}>\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={value ? format(value, enableTime ? 'DD.MM.YYYYTHH:mm' : 'DD.MM.YYYY') : ''}\n      />\n      <span className={styles['DateInput__input']} onKeyDown={handleKeyDown}>\n        <InputLike\n          length={2}\n          getRootRef={daysRef}\n          index={0}\n          onElementSelect={setFocusedElement}\n          value={internalValue[0]}\n          aria-label={changeDayAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={2}\n          getRootRef={monthsRef}\n          index={1}\n          onElementSelect={setFocusedElement}\n          value={internalValue[1]}\n          aria-label={changeMonthAriaLabel}\n        />\n        <InputLikeDivider>.</InputLikeDivider>\n        <InputLike\n          length={4}\n          getRootRef={yearsRef}\n          index={2}\n          onElementSelect={setFocusedElement}\n          value={internalValue[2]}\n          aria-label={changeYearAriaLabel}\n        />\n        {enableTime && (\n          <React.Fragment>\n            <InputLikeDivider className={styles['DateInput__input--time-divider']}>\n              {' '}\n            </InputLikeDivider>\n            <InputLike\n              length={2}\n              getRootRef={hoursRef}\n              index={3}\n              onElementSelect={setFocusedElement}\n              value={internalValue[3]}\n              aria-label={changeHoursAriaLabel}\n            />\n            <InputLikeDivider>:</InputLikeDivider>\n            <InputLike\n              length={2}\n              getRootRef={minutesRef}\n              index={4}\n              onElementSelect={setFocusedElement}\n              value={internalValue[4]}\n              aria-label={changeMinutesAriaLabel}\n            />\n          </React.Fragment>\n        )}\n      </span>\n      {open && !disableCalendar && (\n        <Popper targetRef={rootRef} offsetDistance={8} placement={calendarPlacement}>\n          <Calendar\n            value={value}\n            onChange={onCalendarChange}\n            enableTime={enableTime}\n            disablePast={disablePast}\n            disableFuture={disableFuture}\n            shouldDisableDate={shouldDisableDate}\n            onClose={closeCalendar}\n            getRootRef={calendarRef}\n            doneButtonText={doneButtonText}\n            disablePickers={disablePickers}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n            prevMonthAriaLabel={prevMonthAriaLabel}\n            nextMonthAriaLabel={nextMonthAriaLabel}\n            changeMonthAriaLabel={changeMonthAriaLabel}\n            changeYearAriaLabel={changeYearAriaLabel}\n            changeDayAriaLabel={changeDayAriaLabel}\n            showNeighboringMonth={showNeighboringMonth}\n            size={size}\n            viewDate={viewDate}\n            onHeaderChange={onHeaderChange}\n            onNextMonth={onNextMonth}\n            onPrevMonth={onPrevMonth}\n            prevMonthIcon={prevMonthIcon}\n            nextMonthIcon={nextMonthIcon}\n          />\n        </Popper>\n      )}\n    </FormField>\n  );\n};\n"],"names":["React","Icon16Clear","Icon20CalendarOutline","classNames","useAdaptivity","useDateInput","useExternRef","SizeType","callMultiple","format","isMatch","parse","Calendar","FormField","IconButton","InputLike","InputLikeDivider","Popper","styles","sizeYClassNames","none","COMPACT","elementsConfig","index","length","min","max","getInternalValue","value","newValue","String","getDate","padStart","getMonth","getFullYear","getHours","getMinutes","DateInput","enableTime","shouldDisableDate","disableFuture","disablePast","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","props","daysRef","useRef","monthsRef","yearsRef","hoursRef","minutesRef","maxElement","onInternalValueChange","useCallback","internalValue","i","formattedValue","mask","Date","refs","useMemo","rootRef","calendarRef","open","openCalendar","closeCalendar","handleKeyDown","setFocusedElement","handleFieldEnter","clear","removeFocusFromField","sizeY","handleRootRef","onCalendarChange","REGULAR","after","hoverMode","aria-label","input","type","span","onKeyDown","onElementSelect","Fragment","targetRef","offsetDistance","placement","onClose"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type DatePickerDateFormat = {
+export type DatePickerDateFormat = {
     day: number;
     month: number;
     year: number;