@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/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","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/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;

package/dist/components/DatePicker/DatePicker.js

@@ -1,206 +1,206 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "monthNames", "day", "month", "year", "onDateChange", "disabled", "className"],
-  _excluded2 = ["min", "max", "dayPlaceholder", "monthPlaceholder", "yearPlaceholder", "popupDirection", "defaultValue", "day", "month", "year", "onDateChange"],
-  _excluded3 = ["defaultValue"];
-import * as React from 'react';
-import { classNames, leadingZero } from '@vkontakte/vkjs';
-import { range } from '../../helpers/range';
-import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
-import { CustomSelect } from '../CustomSelect/CustomSelect';
-import { Input } from '../Input/Input';
-var DefaultMonths = ['Января', 'Февраля', 'Марта', 'Апреля', 'Мая', 'Июня', 'Июля', 'Августа', 'Сентября', 'Октября', 'Ноября', 'Декабря'];
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import * as React from "react";
+import { classNames, leadingZero } from "@vkontakte/vkjs";
+import { range } from "../../helpers/range";
+import { useAdaptivityHasPointer } from "../../hooks/useAdaptivityHasPointer";
+import { CustomSelect } from "../CustomSelect/CustomSelect";
+import { Input } from "../Input/Input";
+var DefaultMonths = [
+    "Января",
+    "Февраля",
+    "Марта",
+    "Апреля",
+    "Мая",
+    "Июня",
+    "Июля",
+    "Августа",
+    "Сентября",
+    "Октября",
+    "Ноября",
+    "Декабря"
+];
 // Переводим state к формату гг-мм-дд
-function convertToInputFormat(_ref) {
-  var _ref$day = _ref.day,
-    day = _ref$day === void 0 ? 0 : _ref$day,
-    _ref$month = _ref.month,
-    month = _ref$month === void 0 ? 0 : _ref$month,
-    _ref$year = _ref.year,
-    year = _ref$year === void 0 ? 0 : _ref$year;
-  return "".concat(year, "-").concat(leadingZero(month), "-").concat(leadingZero(day));
+function convertToInputFormat(param) {
+    var _param_day = param.day, day = _param_day === void 0 ? 0 : _param_day, _param_month = param.month, month = _param_month === void 0 ? 0 : _param_month, _param_year = param.year, year = _param_year === void 0 ? 0 : _param_year;
+    return "".concat(year, "-").concat(leadingZero(month), "-").concat(leadingZero(day));
 }
-
 // Переводим дату формата гг-мм-дд к объекту
 function parseInputDate(date) {
-  var splited = date.split('-');
-  return {
-    day: Number(splited[2]),
-    month: Number(splited[1]),
-    year: Number(splited[0])
-  };
+    var splited = date.split("-");
+    return {
+        day: Number(splited[2]),
+        month: Number(splited[1]),
+        year: Number(splited[0])
+    };
 }
 function getMonthMaxDay(month, year) {
-  return month ? new Date(year || 2016, month, 0).getDate() : 31;
+    return month ? new Date(year || 2016, month, 0).getDate() : 31;
 }
-var DatePickerCustom = function DatePickerCustom(_ref2) {
-  var name = _ref2.name,
-    _ref2$min = _ref2.min,
-    min = _ref2$min === void 0 ? {
-      day: 0,
-      month: 0,
-      year: 0
-    } : _ref2$min,
-    _ref2$max = _ref2.max,
-    max = _ref2$max === void 0 ? {
-      day: 31,
-      month: 12,
-      year: 2100
-    } : _ref2$max,
-    dayPlaceholder = _ref2.dayPlaceholder,
-    monthPlaceholder = _ref2.monthPlaceholder,
-    yearPlaceholder = _ref2.yearPlaceholder,
-    popupDirection = _ref2.popupDirection,
-    defaultValue = _ref2.defaultValue,
-    monthNames = _ref2.monthNames,
-    _ref2$day = _ref2.day,
-    day = _ref2$day === void 0 ? 0 : _ref2$day,
-    _ref2$month = _ref2.month,
-    month = _ref2$month === void 0 ? 0 : _ref2$month,
-    _ref2$year = _ref2.year,
-    year = _ref2$year === void 0 ? 0 : _ref2$year,
-    onDateChange = _ref2.onDateChange,
-    disabled = _ref2.disabled,
-    className = _ref2.className,
-    restProps = _objectWithoutProperties(_ref2, _excluded);
-  var onSelectChange = function onSelectChange(e) {
-    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(_defineProperty({
-      day: day,
-      month: month,
-      year: year
-    }, e.target.name, Number(e.target.value)));
-  };
-  var dayOptions = range(1, getMonthMaxDay(month, year)).map(function (value) {
-    return {
-      label: String(value),
-      value: value
-    };
-  });
-  var monthOptions = (monthNames || DefaultMonths).map(function (name, index) {
-    return {
-      label: name,
-      value: index + 1
-    };
-  });
-  var yearOptions = range(max.year, min.year).map(function (value) {
-    return {
-      label: String(value),
-      value: value
+var DatePickerCustom = function(_param) {
+    var name = _param.name, _param_min = _param.min, min = _param_min === void 0 ? {
+        day: 0,
+        month: 0,
+        year: 0
+    } : _param_min, _param_max = _param.max, max = _param_max === void 0 ? {
+        day: 31,
+        month: 12,
+        year: 2100
+    } : _param_max, dayPlaceholder = _param.dayPlaceholder, monthPlaceholder = _param.monthPlaceholder, yearPlaceholder = _param.yearPlaceholder, popupDirection = _param.popupDirection, defaultValue = _param.defaultValue, monthNames = _param.monthNames, _param_day = _param.day, day = _param_day === void 0 ? 0 : _param_day, _param_month = _param.month, month = _param_month === void 0 ? 0 : _param_month, _param_year = _param.year, year = _param_year === void 0 ? 0 : _param_year, onDateChange = _param.onDateChange, disabled = _param.disabled, className = _param.className, restProps = _object_without_properties(_param, [
+        "name",
+        "min",
+        "max",
+        "dayPlaceholder",
+        "monthPlaceholder",
+        "yearPlaceholder",
+        "popupDirection",
+        "defaultValue",
+        "monthNames",
+        "day",
+        "month",
+        "year",
+        "onDateChange",
+        "disabled",
+        "className"
+    ]);
+    var onSelectChange = function(e) {
+        onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(_define_property({
+            day: day,
+            month: month,
+            year: year
+        }, e.target.name, Number(e.target.value)));
     };
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames("vkuiDatePicker", className)
-  }, restProps), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiDatePicker__container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiDatePicker__day"
-  }, /*#__PURE__*/React.createElement(CustomSelect, {
-    name: "day",
-    value: day,
-    options: dayOptions,
-    placeholder: dayPlaceholder,
-    popupDirection: popupDirection,
-    onChange: onSelectChange,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiDatePicker__month"
-  }, /*#__PURE__*/React.createElement(CustomSelect, {
-    className: "vkuiDatePicker__monthSelect",
-    name: "month",
-    value: month,
-    options: monthOptions,
-    placeholder: monthPlaceholder,
-    popupDirection: popupDirection,
-    onChange: onSelectChange,
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiDatePicker__year"
-  }, /*#__PURE__*/React.createElement(CustomSelect, {
-    name: "year",
-    value: year,
-    options: yearOptions,
-    placeholder: yearPlaceholder,
-    popupDirection: popupDirection,
-    onChange: onSelectChange,
-    disabled: disabled
-  }))), /*#__PURE__*/React.createElement("input", {
-    type: "hidden",
-    name: name,
-    value: convertToInputFormat({
-      day: day,
-      month: month,
-      year: year
-    })
-  }));
+    var dayOptions = range(1, getMonthMaxDay(month, year)).map(function(value) {
+        return {
+            label: String(value),
+            value: value
+        };
+    });
+    var monthOptions = (monthNames || DefaultMonths).map(function(name, index) {
+        return {
+            label: name,
+            value: index + 1
+        };
+    });
+    var yearOptions = range(max.year, min.year).map(function(value) {
+        return {
+            label: String(value),
+            value: value
+        };
+    });
+    return /*#__PURE__*/ React.createElement("div", _object_spread({
+        className: classNames("vkuiDatePicker", className)
+    }, restProps), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiDatePicker__container"
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiDatePicker__day"
+    }, /*#__PURE__*/ React.createElement(CustomSelect, {
+        name: "day",
+        value: day,
+        options: dayOptions,
+        placeholder: dayPlaceholder,
+        popupDirection: popupDirection,
+        onChange: onSelectChange,
+        disabled: disabled
+    })), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiDatePicker__month"
+    }, /*#__PURE__*/ React.createElement(CustomSelect, {
+        className: "vkuiDatePicker__monthSelect",
+        name: "month",
+        value: month,
+        options: monthOptions,
+        placeholder: monthPlaceholder,
+        popupDirection: popupDirection,
+        onChange: onSelectChange,
+        disabled: disabled
+    })), /*#__PURE__*/ React.createElement("div", {
+        className: "vkuiDatePicker__year"
+    }, /*#__PURE__*/ React.createElement(CustomSelect, {
+        name: "year",
+        value: year,
+        options: yearOptions,
+        placeholder: yearPlaceholder,
+        popupDirection: popupDirection,
+        onChange: onSelectChange,
+        disabled: disabled
+    }))), /*#__PURE__*/ React.createElement("input", {
+        type: "hidden",
+        name: name,
+        value: convertToInputFormat({
+            day: day,
+            month: month,
+            year: year
+        })
+    }));
 };
-var DatePickerNative = function DatePickerNative(_ref3) {
-  var _ref3$min = _ref3.min,
-    min = _ref3$min === void 0 ? {
-      day: 0,
-      month: 0,
-      year: 0
-    } : _ref3$min,
-    _ref3$max = _ref3.max,
-    max = _ref3$max === void 0 ? {
-      day: 31,
-      month: 12,
-      year: 2100
-    } : _ref3$max,
-    dayPlaceholder = _ref3.dayPlaceholder,
-    monthPlaceholder = _ref3.monthPlaceholder,
-    yearPlaceholder = _ref3.yearPlaceholder,
-    popupDirection = _ref3.popupDirection,
-    defaultValue = _ref3.defaultValue,
-    day = _ref3.day,
-    month = _ref3.month,
-    year = _ref3.year,
-    onDateChange = _ref3.onDateChange,
-    restProps = _objectWithoutProperties(_ref3, _excluded2);
-  var defProps = day && month && year ? {
-    defaultValue: convertToInputFormat({
-      day: day,
-      month: month,
-      year: year
-    })
-  } : {};
-  var onStringChange = React.useCallback(function (e) {
-    onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(parseInputDate(e.currentTarget.value));
-  }, [onDateChange]);
-  return /*#__PURE__*/React.createElement(Input, _extends({}, restProps, {
-    type: "date",
-    onChange: onStringChange,
-    min: convertToInputFormat(min),
-    max: convertToInputFormat(max)
-  }, defProps));
+var DatePickerNative = function(_param) {
+    var _param_min = _param.min, min = _param_min === void 0 ? {
+        day: 0,
+        month: 0,
+        year: 0
+    } : _param_min, _param_max = _param.max, max = _param_max === void 0 ? {
+        day: 31,
+        month: 12,
+        year: 2100
+    } : _param_max, dayPlaceholder = _param.dayPlaceholder, monthPlaceholder = _param.monthPlaceholder, yearPlaceholder = _param.yearPlaceholder, popupDirection = _param.popupDirection, defaultValue = _param.defaultValue, day = _param.day, month = _param.month, year = _param.year, onDateChange = _param.onDateChange, restProps = _object_without_properties(_param, [
+        "min",
+        "max",
+        "dayPlaceholder",
+        "monthPlaceholder",
+        "yearPlaceholder",
+        "popupDirection",
+        "defaultValue",
+        "day",
+        "month",
+        "year",
+        "onDateChange"
+    ]);
+    var defProps = day && month && year ? {
+        defaultValue: convertToInputFormat({
+            day: day,
+            month: month,
+            year: year
+        })
+    } : {};
+    var onStringChange = React.useCallback(function(e) {
+        onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(parseInputDate(e.currentTarget.value));
+    }, [
+        onDateChange
+    ]);
+    return /*#__PURE__*/ React.createElement(Input, _object_spread(_object_spread_props(_object_spread({}, restProps), {
+        type: "date",
+        onChange: onStringChange,
+        min: convertToInputFormat(min),
+        max: convertToInputFormat(max)
+    }), defProps));
 };
-
 /**
  * @see https://vkcom.github.io/VKUI/#/DatePicker
- */
-export var DatePicker = function DatePicker(_ref4) {
-  var defaultValue = _ref4.defaultValue,
-    props = _objectWithoutProperties(_ref4, _excluded3);
-  var hasPointer = useAdaptivityHasPointer();
-  var _React$useState = React.useState(function () {
-      return {
-        day: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) || 0,
-        month: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.month) || 0,
-        year: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.year) || 0
-      };
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var onDateChange = React.useCallback(function (update) {
-    setValue(update);
-    props.onDateChange && props.onDateChange(_objectSpread({}, update));
-  }, [props]);
-  var Cmp = hasPointer ? DatePickerCustom : DatePickerNative;
-  return /*#__PURE__*/React.createElement(Cmp, _extends({}, props, value, {
-    onDateChange: onDateChange
-  }));
+ */ export var DatePicker = function(_param) {
+    var defaultValue = _param.defaultValue, props = _object_without_properties(_param, [
+        "defaultValue"
+    ]);
+    var hasPointer = useAdaptivityHasPointer();
+    var _React_useState = _sliced_to_array(React.useState(function() {
+        return {
+            day: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) || 0,
+            month: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.month) || 0,
+            year: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.year) || 0
+        };
+    }), 2), value = _React_useState[0], setValue = _React_useState[1];
+    var onDateChange = React.useCallback(function(update) {
+        setValue(update);
+        props.onDateChange && props.onDateChange(_object_spread({}, update));
+    }, [
+        props
+    ]);
+    var Cmp = hasPointer ? DatePickerCustom : DatePickerNative;
+    return /*#__PURE__*/ React.createElement(Cmp, _object_spread_props(_object_spread({}, props, value), {
+        onDateChange: onDateChange
+    }));
 };
+
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","classNames","leadingZero","range","useAdaptivityHasPointer","CustomSelect","Input","DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","DatePickerCustom","name","min","max","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","monthNames","onDateChange","disabled","className","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","DatePickerNative","defProps","onStringChange","useCallback","currentTarget","DatePicker","props","hasPointer","useState","setValue","update","Cmp"],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, leadingZero } from '@vkontakte/vkjs';\nimport { range } from '../../helpers/range';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Input } from '../Input/Input';\nimport styles from './DatePicker.module.css';\n\nconst DefaultMonths: string[] = [\n  'Января',\n  'Февраля',\n  'Марта',\n  'Апреля',\n  'Мая',\n  'Июня',\n  'Июля',\n  'Августа',\n  'Сентября',\n  'Октября',\n  'Ноября',\n  'Декабря',\n];\n\nexport type DatePickerDateFormat = {\n  day: number;\n  month: number;\n  year: number;\n};\n\nexport interface DatePickerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'min' | 'max'> {\n  min?: DatePickerDateFormat;\n  max?: DatePickerDateFormat;\n  name?: string;\n  defaultValue?: DatePickerDateFormat;\n  popupDirection?: 'top' | 'bottom';\n  monthNames?: string[];\n  dayPlaceholder?: string;\n  monthPlaceholder?: string;\n  yearPlaceholder?: string;\n  onDateChange?: (value: DatePickerDateFormat) => void;\n  disabled?: boolean;\n}\n\n// Переводим state к формату гг-мм-дд\nfunction convertToInputFormat({ day = 0, month = 0, year = 0 }: Partial<DatePickerDateFormat>) {\n  return `${year}-${leadingZero(month)}-${leadingZero(day)}`;\n}\n\n// Переводим дату формата гг-мм-дд к объекту\nfunction parseInputDate(date: string): DatePickerDateFormat {\n  const splited = date.split('-');\n\n  return {\n    day: Number(splited[2]),\n    month: Number(splited[1]),\n    year: Number(splited[0]),\n  };\n}\n\nfunction getMonthMaxDay(month?: number, year?: number) {\n  return month ? new Date(year || 2016, month, 0).getDate() : 31;\n}\n\nconst DatePickerCustom = ({\n  name,\n  min = { day: 0, month: 0, year: 0 },\n  max = { day: 31, month: 12, year: 2100 },\n  dayPlaceholder,\n  monthPlaceholder,\n  yearPlaceholder,\n  popupDirection,\n  defaultValue,\n  monthNames,\n  day = 0,\n  month = 0,\n  year = 0,\n  onDateChange,\n  disabled,\n  className,\n  ...restProps\n}: DatePickerProps & Partial<DatePickerDateFormat>) => {\n  const onSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    onDateChange?.({\n      day,\n      month,\n      year,\n      [e.target.name]: Number(e.target.value),\n    });\n  };\n  const dayOptions = range(1, getMonthMaxDay(month, year)).map((value) => ({\n    label: String(value),\n    value,\n  }));\n  const monthOptions = (monthNames || DefaultMonths).map((name, index) => ({\n    label: name,\n    value: index + 1,\n  }));\n  const yearOptions = range(max.year, min.year).map((value) => ({\n    label: String(value),\n    value: value,\n  }));\n  return (\n    <div className={classNames(styles['DatePicker'], className)} {...restProps}>\n      <div className={styles['DatePicker__container']}>\n        <div className={styles['DatePicker__day']}>\n          <CustomSelect\n            name=\"day\"\n            value={day}\n            options={dayOptions}\n            placeholder={dayPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n        <div className={styles['DatePicker__month']}>\n          <CustomSelect\n            className={styles['DatePicker__monthSelect']}\n            name=\"month\"\n            value={month}\n            options={monthOptions}\n            placeholder={monthPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n        <div className={styles['DatePicker__year']}>\n          <CustomSelect\n            name=\"year\"\n            value={year}\n            options={yearOptions}\n            placeholder={yearPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n      </div>\n      <input type=\"hidden\" name={name} value={convertToInputFormat({ day, month, year })} />\n    </div>\n  );\n};\n\nconst DatePickerNative = ({\n  min = { day: 0, month: 0, year: 0 },\n  max = { day: 31, month: 12, year: 2100 },\n  dayPlaceholder,\n  monthPlaceholder,\n  yearPlaceholder,\n  popupDirection,\n  defaultValue,\n  day,\n  month,\n  year,\n  onDateChange,\n  ...restProps\n}: DatePickerProps & Partial<DatePickerDateFormat>) => {\n  const defProps =\n    day && month && year ? { defaultValue: convertToInputFormat({ day, month, year }) } : {};\n  const onStringChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      onDateChange?.(parseInputDate(e.currentTarget.value));\n    },\n    [onDateChange],\n  );\n  return (\n    <Input\n      {...restProps}\n      type=\"date\"\n      onChange={onStringChange}\n      min={convertToInputFormat(min)}\n      max={convertToInputFormat(max)}\n      {...defProps}\n    />\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DatePicker\n */\nexport const DatePicker = ({ defaultValue, ...props }: DatePickerProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n  const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(() => ({\n    day: defaultValue?.day || 0,\n    month: defaultValue?.month || 0,\n    year: defaultValue?.year || 0,\n  }));\n\n  const onDateChange = React.useCallback(\n    (update: DatePickerDateFormat) => {\n      setValue(update);\n      props.onDateChange && props.onDateChange({ ...update });\n    },\n    [props],\n  );\n\n  const Cmp = hasPointer ? DatePickerCustom : DatePickerNative;\n  return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, leadingZero } from '@vkontakte/vkjs';\nimport { range } from '../../helpers/range';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { CustomSelect } from '../CustomSelect/CustomSelect';\nimport { Input } from '../Input/Input';\nimport styles from './DatePicker.module.css';\n\nconst DefaultMonths: string[] = [\n  'Января',\n  'Февраля',\n  'Марта',\n  'Апреля',\n  'Мая',\n  'Июня',\n  'Июля',\n  'Августа',\n  'Сентября',\n  'Октября',\n  'Ноября',\n  'Декабря',\n];\n\nexport type DatePickerDateFormat = {\n  day: number;\n  month: number;\n  year: number;\n};\n\nexport interface DatePickerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'min' | 'max'> {\n  min?: DatePickerDateFormat;\n  max?: DatePickerDateFormat;\n  name?: string;\n  defaultValue?: DatePickerDateFormat;\n  popupDirection?: 'top' | 'bottom';\n  monthNames?: string[];\n  dayPlaceholder?: string;\n  monthPlaceholder?: string;\n  yearPlaceholder?: string;\n  onDateChange?: (value: DatePickerDateFormat) => void;\n  disabled?: boolean;\n}\n\n// Переводим state к формату гг-мм-дд\nfunction convertToInputFormat({ day = 0, month = 0, year = 0 }: Partial<DatePickerDateFormat>) {\n  return `${year}-${leadingZero(month)}-${leadingZero(day)}`;\n}\n\n// Переводим дату формата гг-мм-дд к объекту\nfunction parseInputDate(date: string): DatePickerDateFormat {\n  const splited = date.split('-');\n\n  return {\n    day: Number(splited[2]),\n    month: Number(splited[1]),\n    year: Number(splited[0]),\n  };\n}\n\nfunction getMonthMaxDay(month?: number, year?: number) {\n  return month ? new Date(year || 2016, month, 0).getDate() : 31;\n}\n\nconst DatePickerCustom = ({\n  name,\n  min = { day: 0, month: 0, year: 0 },\n  max = { day: 31, month: 12, year: 2100 },\n  dayPlaceholder,\n  monthPlaceholder,\n  yearPlaceholder,\n  popupDirection,\n  defaultValue,\n  monthNames,\n  day = 0,\n  month = 0,\n  year = 0,\n  onDateChange,\n  disabled,\n  className,\n  ...restProps\n}: DatePickerProps & Partial<DatePickerDateFormat>) => {\n  const onSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    onDateChange?.({\n      day,\n      month,\n      year,\n      [e.target.name]: Number(e.target.value),\n    });\n  };\n  const dayOptions = range(1, getMonthMaxDay(month, year)).map((value) => ({\n    label: String(value),\n    value,\n  }));\n  const monthOptions = (monthNames || DefaultMonths).map((name, index) => ({\n    label: name,\n    value: index + 1,\n  }));\n  const yearOptions = range(max.year, min.year).map((value) => ({\n    label: String(value),\n    value: value,\n  }));\n  return (\n    <div className={classNames(styles['DatePicker'], className)} {...restProps}>\n      <div className={styles['DatePicker__container']}>\n        <div className={styles['DatePicker__day']}>\n          <CustomSelect\n            name=\"day\"\n            value={day}\n            options={dayOptions}\n            placeholder={dayPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n        <div className={styles['DatePicker__month']}>\n          <CustomSelect\n            className={styles['DatePicker__monthSelect']}\n            name=\"month\"\n            value={month}\n            options={monthOptions}\n            placeholder={monthPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n        <div className={styles['DatePicker__year']}>\n          <CustomSelect\n            name=\"year\"\n            value={year}\n            options={yearOptions}\n            placeholder={yearPlaceholder}\n            popupDirection={popupDirection}\n            onChange={onSelectChange}\n            disabled={disabled}\n          />\n        </div>\n      </div>\n      <input type=\"hidden\" name={name} value={convertToInputFormat({ day, month, year })} />\n    </div>\n  );\n};\n\nconst DatePickerNative = ({\n  min = { day: 0, month: 0, year: 0 },\n  max = { day: 31, month: 12, year: 2100 },\n  dayPlaceholder,\n  monthPlaceholder,\n  yearPlaceholder,\n  popupDirection,\n  defaultValue,\n  day,\n  month,\n  year,\n  onDateChange,\n  ...restProps\n}: DatePickerProps & Partial<DatePickerDateFormat>) => {\n  const defProps =\n    day && month && year ? { defaultValue: convertToInputFormat({ day, month, year }) } : {};\n  const onStringChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      onDateChange?.(parseInputDate(e.currentTarget.value));\n    },\n    [onDateChange],\n  );\n  return (\n    <Input\n      {...restProps}\n      type=\"date\"\n      onChange={onStringChange}\n      min={convertToInputFormat(min)}\n      max={convertToInputFormat(max)}\n      {...defProps}\n    />\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/DatePicker\n */\nexport const DatePicker = ({ defaultValue, ...props }: DatePickerProps) => {\n  const hasPointer = useAdaptivityHasPointer();\n  const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(() => ({\n    day: defaultValue?.day || 0,\n    month: defaultValue?.month || 0,\n    year: defaultValue?.year || 0,\n  }));\n\n  const onDateChange = React.useCallback(\n    (update: DatePickerDateFormat) => {\n      setValue(update);\n      props.onDateChange && props.onDateChange({ ...update });\n    },\n    [props],\n  );\n\n  const Cmp = hasPointer ? DatePickerCustom : DatePickerNative;\n  return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n"],"names":["React","classNames","leadingZero","range","useAdaptivityHasPointer","CustomSelect","Input","DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","DatePickerCustom","name","min","max","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","monthNames","onDateChange","disabled","className","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","div","options","placeholder","onChange","input","type","DatePickerNative","defProps","onStringChange","useCallback","currentTarget","DatePicker","props","hasPointer","useState","setValue","update","Cmp"],"mappings":"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"}