@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","Input","withAdaptivity","leadingZero","CustomSelect","DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","range","start","end","swap","arr","i","Math","min","max","push","reverse","DatePickerCustom","name","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","hasMouse","monthNames","onDateChange","disabled","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","DatePickerNative","defProps","onStringChange","useCallback","currentTarget","DatePickerComponent","props","useState","setValue","update","Cmp","DatePicker","displayName"],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Input } from \"../Input/Input\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { HasPlatform } from \"../../types\";\nimport { leadingZero } from \"../../lib/utils\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport \"./DatePicker.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<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"defaultValue\" | \"min\" | \"max\"\n    >,\n    HasPlatform,\n    AdaptivityProps {\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({\n  day = 0,\n  month = 0,\n  year = 0,\n}: 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 range = (start: number, end: number) => {\n  const swap = start > end;\n  const arr = [];\n  for (let i = Math.min(start, end); i <= Math.max(start, end); i++) {\n    arr.push(i);\n  }\n  return swap ? arr.reverse() : arr;\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  hasMouse,\n  monthNames,\n  day = 0,\n  month = 0,\n  year = 0,\n  onDateChange,\n  disabled,\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 vkuiClass=\"DatePicker\" {...restProps}>\n      <div vkuiClass=\"DatePicker__container\">\n        <div vkuiClass=\"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 vkuiClass=\"DatePicker__month\">\n          <CustomSelect\n            vkuiClass=\"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 vkuiClass=\"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\n        type=\"hidden\"\n        name={name}\n        value={convertToInputFormat({ day, month, year })}\n      />\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  hasMouse,\n  day,\n  month,\n  year,\n  onDateChange,\n  ...restProps\n}: DatePickerProps & Partial<DatePickerDateFormat>) => {\n  const defProps =\n    day && month && year\n      ? { defaultValue: convertToInputFormat({ day, month, year }) }\n      : {};\n  const onStringChange: React.ChangeEventHandler<HTMLInputElement> =\n    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 */\nconst DatePickerComponent = ({\n  hasMouse,\n  defaultValue,\n  ...props\n}: DatePickerProps) => {\n  const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(\n    () => ({\n      day: defaultValue?.day || 0,\n      month: defaultValue?.month || 0,\n      year: defaultValue?.year || 0,\n    })\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 = hasMouse ? DatePickerCustom : DatePickerNative;\n  return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n\nexport const DatePicker = withAdaptivity(DatePickerComponent, {\n  hasMouse: true,\n});\n\nDatePicker.displayName = \"DatePicker\";\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["React","Input","useAdaptivity","leadingZero","CustomSelect","DefaultMonths","convertToInputFormat","day","month","year","parseInputDate","date","splited","split","Number","getMonthMaxDay","Date","getDate","range","start","end","swap","arr","i","Math","min","max","push","reverse","DatePickerCustom","name","dayPlaceholder","monthPlaceholder","yearPlaceholder","popupDirection","defaultValue","monthNames","onDateChange","disabled","restProps","onSelectChange","e","target","value","dayOptions","map","label","String","monthOptions","index","yearOptions","DatePickerNative","defProps","onStringChange","useCallback","currentTarget","DatePicker","props","hasMouse","useState","setValue","update","Cmp"],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Input } from \"../Input/Input\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { HasPlatform } from \"../../types\";\nimport { leadingZero } from \"../../lib/utils\";\nimport { CustomSelect } from \"../CustomSelect/CustomSelect\";\nimport \"./DatePicker.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<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"defaultValue\" | \"min\" | \"max\"\n    >,\n    HasPlatform {\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({\n  day = 0,\n  month = 0,\n  year = 0,\n}: 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 range = (start: number, end: number) => {\n  const swap = start > end;\n  const arr = [];\n  for (let i = Math.min(start, end); i <= Math.max(start, end); i++) {\n    arr.push(i);\n  }\n  return swap ? arr.reverse() : arr;\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  ...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 vkuiClass=\"DatePicker\" {...restProps}>\n      <div vkuiClass=\"DatePicker__container\">\n        <div vkuiClass=\"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 vkuiClass=\"DatePicker__month\">\n          <CustomSelect\n            vkuiClass=\"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 vkuiClass=\"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\n        type=\"hidden\"\n        name={name}\n        value={convertToInputFormat({ day, month, year })}\n      />\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\n      ? { defaultValue: convertToInputFormat({ day, month, year }) }\n      : {};\n  const onStringChange: React.ChangeEventHandler<HTMLInputElement> =\n    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 { hasMouse } = useAdaptivity();\n  const [value, setValue] = React.useState<Partial<DatePickerDateFormat>>(\n    () => ({\n      day: defaultValue?.day || 0,\n      month: defaultValue?.month || 0,\n      year: defaultValue?.year || 0,\n    })\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 = hasMouse ? DatePickerCustom : DatePickerNative;\n  return <Cmp {...props} {...value} onDateChange={onDateChange} />;\n};\n"],"mappings":"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"}

package/dist/components/DateRangeInput/DateRangeInput.js

@@ -16,6 +16,7 @@ import { FormField } from "../FormField/FormField";
 import { InputLike } from "../InputLike/InputLike";
 import { InputLikeDivider } from "../InputLike/InputLikeDivider";
 import { callMultiple } from "../../lib/callMultiple";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 
 var elementsConfig = function elementsConfig(index) {
   var length = 2;
@@ -201,7 +202,7 @@ export var DateRangeInput = function DateRangeInput(_ref) {
     }
   }, [onChange, closeOnChange, value, removeFocusFromField]);
   return createScopedElement(FormField, _extends({
-    vkuiClass: classNames("DateRangeInput", "DateRangeInput--sizeY-".concat(sizeY)),
+    vkuiClass: classNames("DateRangeInput", getSizeYClassName("DateRangeInput", sizeY)),
     style: style,
     className: className,
     getRootRef: multiRef(rootRef, getRootRef),

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

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

package/dist/components/DeviceConditionalRender/DeviceConditionalRender.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./DeviceConditionalRender.css";
+export interface DeviceConditionalRenderProps {
+    mobile?: React.ReactNode;
+    desktop?: React.ReactNode;
+}
+export declare const DeviceConditionalRender: ({ mobile, desktop, }: DeviceConditionalRenderProps) => JSX.Element;

package/dist/components/DeviceConditionalRender/DeviceConditionalRender.js

@@ -0,0 +1,19 @@
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getViewWidthClassName } from "../../helpers/getViewWidthClassName";
+import { hasReactNode } from "../../lib/utils";
+export var DeviceConditionalRender = function DeviceConditionalRender(_ref) {
+  var mobile = _ref.mobile,
+      desktop = _ref.desktop;
+
+  var _useAdaptivity = useAdaptivity(),
+      viewWidth = _useAdaptivity.viewWidth;
+
+  return createScopedElement(React.Fragment, null, hasReactNode(mobile) && createScopedElement("div", {
+    vkuiClass: getViewWidthClassName("DeviceConditionalRender__mobile", viewWidth)
+  }, mobile), hasReactNode(desktop) && createScopedElement("div", {
+    vkuiClass: getViewWidthClassName("DeviceConditionalRender__desktop", viewWidth)
+  }, desktop));
+};
+//# sourceMappingURL=DeviceConditionalRender.js.map

package/dist/components/DeviceConditionalRender/DeviceConditionalRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceConditionalRender.js","names":["React","useAdaptivity","getViewWidthClassName","hasReactNode","DeviceConditionalRender","mobile","desktop","viewWidth"],"sources":["../../../src/components/DeviceConditionalRender/DeviceConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getViewWidthClassName } from \"../../helpers/getViewWidthClassName\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./DeviceConditionalRender.css\";\n\nexport interface DeviceConditionalRenderProps {\n  mobile?: React.ReactNode;\n  desktop?: React.ReactNode;\n}\n\nexport const DeviceConditionalRender = ({\n  mobile,\n  desktop,\n}: DeviceConditionalRenderProps) => {\n  const { viewWidth } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {hasReactNode(mobile) && (\n        <div\n          vkuiClass={getViewWidthClassName(\n            \"DeviceConditionalRender__mobile\",\n            viewWidth\n          )}\n        >\n          {mobile}\n        </div>\n      )}\n      {hasReactNode(desktop) && (\n        <div\n          vkuiClass={getViewWidthClassName(\n            \"DeviceConditionalRender__desktop\",\n            viewWidth\n          )}\n        >\n          {desktop}\n        </div>\n      )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,qBAAT;AACA,SAASC,YAAT;AAQA,OAAO,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,OAGH;EAAA,IAFlCC,MAEkC,QAFlCA,MAEkC;EAAA,IADlCC,OACkC,QADlCA,OACkC;;EAClC,qBAAsBL,aAAa,EAAnC;EAAA,IAAQM,SAAR,kBAAQA,SAAR;;EAEA,OACE,oBAAC,KAAD,CAAO,QAAP,QACGJ,YAAY,CAACE,MAAD,CAAZ,IACC;IACE,SAAS,EAAEH,qBAAqB,CAC9B,iCAD8B,EAE9BK,SAF8B;EADlC,GAMGF,MANH,CAFJ,EAWGF,YAAY,CAACG,OAAD,CAAZ,IACC;IACE,SAAS,EAAEJ,qBAAqB,CAC9B,kCAD8B,EAE9BK,SAF8B;EADlC,GAMGD,OANH,CAZJ,CADF;AAwBD,CA9BM"}

package/dist/components/DropdownIcon/DropdownIcon.js

@@ -3,25 +3,21 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["opened"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { Icon20Dropdown, Icon24ChevronDown, Icon24ChevronUp, Icon20ChevronUp } from "@vkontakte/icons";
-import { classNames } from "../../lib/classNames";
-import { SizeType } from "../AdaptivityProvider/AdaptivityContext";
-import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { SizeYConditionalRender } from "../SizeYConditionalRender/SizeYConditionalRender";
 export var DropdownIcon = function DropdownIcon(_ref) {
   var _ref$opened = _ref.opened,
       opened = _ref$opened === void 0 ? false : _ref$opened,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useAdaptivity = useAdaptivity(),
-      sizeY = _useAdaptivity.sizeY;
-
-  var Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;
-
-  if (opened) {
-    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;
-  }
-
-  return createScopedElement(Icon, _extends({
-    vkuiClass: classNames("DropdownIcon")
-  }, restProps));
+  var IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;
+  var IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;
+  return createScopedElement(SizeYConditionalRender, {
+    compact: createScopedElement(IconCompact, _extends({
+      vkuiClass: "DropdownIcon"
+    }, restProps)),
+    regular: createScopedElement(IconRegular, _extends({
+      vkuiClass: "DropdownIcon"
+    }, restProps))
+  });
 };
 //# sourceMappingURL=DropdownIcon.js.map

package/dist/components/DropdownIcon/DropdownIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIcon.js","names":["Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","Icon20ChevronUp","classNames","SizeType","useAdaptivity","DropdownIcon","opened","restProps","sizeY","Icon","COMPACT"],"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { SizeType } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const { sizeY } = useAdaptivity();\n\n  let Icon = sizeY === SizeType.COMPACT ? Icon20Dropdown : Icon24ChevronDown;\n\n  if (opened) {\n    Icon = sizeY === SizeType.COMPACT ? Icon20ChevronUp : Icon24ChevronUp;\n  }\n\n  return <Icon vkuiClass={classNames(\"DropdownIcon\")} {...restProps} />;\n};\n"],"mappings":";;;;AACA,SACEA,cADF,EAEEC,iBAFF,EAGEC,eAHF,EAIEC,eAJF,QAKO,kBALP;AAMA,SAASC,UAAT;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AAOA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAGH;EAAA,uBAFvBC,MAEuB;EAAA,IAFvBA,MAEuB,4BAFd,KAEc;EAAA,IADpBC,SACoB;;EACvB,qBAAkBH,aAAa,EAA/B;EAAA,IAAQI,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BZ,cAA7B,GAA8CC,iBAAzD;;EAEA,IAAIO,MAAJ,EAAY;IACVG,IAAI,GAAGD,KAAK,KAAKL,QAAQ,CAACO,OAAnB,GAA6BT,eAA7B,GAA+CD,eAAtD;EACD;;EAED,OAAO,oBAAC,IAAD;IAAM,SAAS,EAAEE,UAAU,CAAC,cAAD;EAA3B,GAAiDK,SAAjD,EAAP;AACD,CAbM"}
+{"version":3,"file":"DropdownIcon.js","names":["Icon20Dropdown","Icon24ChevronDown","Icon24ChevronUp","Icon20ChevronUp","SizeYConditionalRender","DropdownIcon","opened","restProps","IconCompact","IconRegular"],"sources":["../../../src/components/DropdownIcon/DropdownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon20Dropdown,\n  Icon24ChevronDown,\n  Icon24ChevronUp,\n  Icon20ChevronUp,\n} from \"@vkontakte/icons\";\nimport { SizeYConditionalRender } from \"../SizeYConditionalRender/SizeYConditionalRender\";\n\nexport interface DropdownIconProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened?: boolean;\n}\n\nexport const DropdownIcon = ({\n  opened = false,\n  ...restProps\n}: DropdownIconProps) => {\n  const IconCompact = opened ? Icon20ChevronUp : Icon20Dropdown;\n  const IconRegular = opened ? Icon24ChevronUp : Icon24ChevronDown;\n\n  return (\n    <SizeYConditionalRender\n      compact={<IconCompact vkuiClass=\"DropdownIcon\" {...restProps} />}\n      regular={<IconRegular vkuiClass=\"DropdownIcon\" {...restProps} />}\n    />\n  );\n};\n"],"mappings":";;;;AACA,SACEA,cADF,EAEEC,iBAFF,EAGEC,eAHF,EAIEC,eAJF,QAKO,kBALP;AAMA,SAASC,sBAAT;AAOA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAGH;EAAA,uBAFvBC,MAEuB;EAAA,IAFvBA,MAEuB,4BAFd,KAEc;EAAA,IADpBC,SACoB;;EACvB,IAAMC,WAAW,GAAGF,MAAM,GAAGH,eAAH,GAAqBH,cAA/C;EACA,IAAMS,WAAW,GAAGH,MAAM,GAAGJ,eAAH,GAAqBD,iBAA/C;EAEA,OACE,oBAAC,sBAAD;IACE,OAAO,EAAE,oBAAC,WAAD;MAAa,SAAS,EAAC;IAAvB,GAA0CM,SAA1C,EADX;IAEE,OAAO,EAAE,oBAAC,WAAD;MAAa,SAAS,EAAC;IAAvB,GAA0CA,SAA1C;EAFX,EADF;AAMD,CAbM"}

package/dist/components/Epic/Epic.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
-import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
 import "./Epic.css";
-export interface EpicProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
+export interface EpicProps extends React.HTMLAttributes<HTMLDivElement> {
     tabbar?: React.ReactNode;
     activeStory: string;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Epic
  */
-export declare const Epic: React.FC<Pick<EpicProps & AdaptivityContextInterface, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "activeStory" | "tabbar"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Epic: (props: EpicProps) => JSX.Element;

package/dist/components/Epic/Epic.js

@@ -1,33 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["activeStory", "tabbar", "children", "viewWidth"];
+var _excluded = ["activeStory", "tabbar", "children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { withAdaptivity, ViewWidth } from "../../hoc/withAdaptivity";
 import { ScrollSaver } from "./ScrollSaver";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
-import { SMALL_TABLET_SIZE } from "../AdaptivityProvider/AdaptivityProvider";
 var warn = warnOnce("Epic");
+/**
+ * @see https://vkcom.github.io/VKUI/#/Epic
+ */
 
-var EpicComponent = function EpicComponent(_ref) {
-  var _ref2;
-
-  var activeStory = _ref.activeStory,
-      tabbar = _ref.tabbar,
-      children = _ref.children,
-      viewWidth = _ref.viewWidth,
-      restProps = _objectWithoutProperties(_ref, _excluded);
+export var Epic = function Epic(props) {
+  var _ref;
 
   var scroll = React.useRef({}).current;
 
-  if (process.env.NODE_ENV === "development" && !tabbar && viewWidth < ViewWidth.SMALL_TABLET) {
-    warn("\u041D\u0435 \u0440\u0435\u043A\u043E\u043C\u0435\u043D\u0434\u0443\u0435\u0442\u0441\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C Epic \u0431\u0435\u0437 Tabbar \u043F\u0440\u0438 \u0448\u0438\u0440\u0438\u043D\u0435 \u043E\u043A\u043D\u0430 \u043C\u0435\u043D\u044C\u0448\u0435 ".concat(SMALL_TABLET_SIZE, "px"));
-  }
+  var activeStory = props.activeStory,
+      tabbar = props.tabbar,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
 
-  var story = (_ref2 = React.Children.toArray(children).find(function (story) {
+  var story = (_ref = React.Children.toArray(children).find(function (story) {
     return /*#__PURE__*/React.isValidElement(story) && getNavId(story.props, warn) === activeStory;
-  })) !== null && _ref2 !== void 0 ? _ref2 : null;
+  })) !== null && _ref !== void 0 ? _ref : null;
   return createScopedElement("div", _extends({}, restProps, {
     vkuiClass: "Epic"
   }), createScopedElement(ScrollSaver, {
@@ -38,13 +34,4 @@ var EpicComponent = function EpicComponent(_ref) {
     }
   }, story), tabbar);
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Epic
- */
-
-
-export var Epic = withAdaptivity(EpicComponent, {
-  viewWidth: true
-});
-Epic.displayName = "Epic";
 //# sourceMappingURL=Epic.js.map

package/dist/components/Epic/Epic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Epic.js","names":["React","withAdaptivity","ViewWidth","ScrollSaver","getNavId","warnOnce","SMALL_TABLET_SIZE","warn","EpicComponent","activeStory","tabbar","children","viewWidth","restProps","scroll","useRef","current","process","env","NODE_ENV","SMALL_TABLET","story","Children","toArray","find","isValidElement","props","value","Epic","displayName"],"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { SMALL_TABLET_SIZE } from \"../AdaptivityProvider/AdaptivityProvider\";\nimport \"./Epic.css\";\n\nexport interface EpicProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\nconst EpicComponent = ({\n  activeStory,\n  tabbar,\n  children,\n  viewWidth,\n  ...restProps\n}: EpicProps & AdaptivityContextInterface) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !tabbar &&\n    viewWidth < ViewWidth.SMALL_TABLET\n  ) {\n    warn(\n      `Не рекомендуется использовать Epic без Tabbar при ширине окна меньше ${SMALL_TABLET_SIZE}px`\n    );\n  }\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = withAdaptivity(EpicComponent, {\n  viewWidth: true,\n});\n\nEpic.displayName = \"Epic\";\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,cAAT,EAAyBC,SAAzB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAKA,SAASC,iBAAT;AAUA,IAAMC,IAAI,GAAGF,QAAQ,CAAC,MAAD,CAArB;;AAEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,OAMwB;EAAA;;EAAA,IAL5CC,WAK4C,QAL5CA,WAK4C;EAAA,IAJ5CC,MAI4C,QAJ5CA,MAI4C;EAAA,IAH5CC,QAG4C,QAH5CA,QAG4C;EAAA,IAF5CC,SAE4C,QAF5CA,SAE4C;EAAA,IADzCC,SACyC;;EAC5C,IAAMC,MAAM,GAAGd,KAAK,CAACe,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,CAACT,MADD,IAEAE,SAAS,GAAGV,SAAS,CAACkB,YAHxB,EAIE;IACAb,IAAI,qUACsED,iBADtE,QAAJ;EAGD;;EACD,IAAMe,KAAK,YACRrB,KAAK,CAACsB,QAAN,CAAeC,OAAf,CAAuBZ,QAAvB,EAAiCa,IAAjC,CACC,UAACH,KAAD;IAAA,OACE,aAAArB,KAAK,CAACyB,cAAN,CAAqBJ,KAArB,KACAjB,QAAQ,CAACiB,KAAK,CAACK,KAAP,EAAcnB,IAAd,CAAR,KAAgCE,WAFlC;EAAA,CADD,CADQ,yCAK+B,IAL1C;EAOA,OACE,wCAASI,SAAT;IAAoB,SAAS,EAAC;EAA9B,IACE,oBAAC,WAAD;IACE,GAAG,EAAEJ,WADP;IAEE,aAAa,EAAEK,MAAM,CAACL,WAAD,CAAN,IAAuB,CAFxC;IAGE,UAAU,EAAE,oBAACkB,KAAD;MAAA,OAAYb,MAAM,CAACL,WAAD,CAAN,GAAsBkB,KAAlC;IAAA;EAHd,GAKGN,KALH,CADF,EAQGX,MARH,CADF;AAYD,CArCD;AAuCA;AACA;AACA;;;AACA,OAAO,IAAMkB,IAAI,GAAG3B,cAAc,CAACO,aAAD,EAAgB;EAChDI,SAAS,EAAE;AADqC,CAAhB,CAA3B;AAIPgB,IAAI,CAACC,WAAL,GAAmB,MAAnB"}
+{"version":3,"file":"Epic.js","names":["React","ScrollSaver","getNavId","warnOnce","warn","Epic","props","scroll","useRef","current","activeStory","tabbar","children","restProps","story","Children","toArray","find","isValidElement","value"],"sources":["../../../src/components/Epic/Epic.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ScrollSaver } from \"./ScrollSaver\";\nimport { getNavId } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Epic.css\";\n\nexport interface EpicProps extends React.HTMLAttributes<HTMLDivElement> {\n  tabbar?: React.ReactNode;\n  activeStory: string;\n}\n\nconst warn = warnOnce(\"Epic\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Epic\n */\nexport const Epic = (props: EpicProps) => {\n  const scroll = React.useRef<{ [key: string]: number }>({}).current;\n  const { activeStory, tabbar, children, ...restProps } = props;\n\n  const story =\n    (React.Children.toArray(children).find(\n      (story) =>\n        React.isValidElement(story) &&\n        getNavId(story.props, warn) === activeStory\n    ) as React.ReactElement | undefined) ?? null;\n\n  return (\n    <div {...restProps} vkuiClass=\"Epic\">\n      <ScrollSaver\n        key={activeStory}\n        initialScroll={scroll[activeStory] || 0}\n        saveScroll={(value) => (scroll[activeStory] = value)}\n      >\n        {story}\n      </ScrollSaver>\n      {tabbar}\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;AACA,SAASC,QAAT;AACA,SAASC,QAAT;AAQA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;AAEA;AACA;AACA;;AACA,OAAO,IAAME,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAsB;EAAA;;EACxC,IAAMC,MAAM,GAAGP,KAAK,CAACQ,MAAN,CAAwC,EAAxC,EAA4CC,OAA3D;;EACA,IAAQC,WAAR,GAAwDJ,KAAxD,CAAQI,WAAR;EAAA,IAAqBC,MAArB,GAAwDL,KAAxD,CAAqBK,MAArB;EAAA,IAA6BC,QAA7B,GAAwDN,KAAxD,CAA6BM,QAA7B;EAAA,IAA0CC,SAA1C,4BAAwDP,KAAxD;;EAEA,IAAMQ,KAAK,WACRd,KAAK,CAACe,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiCK,IAAjC,CACC,UAACH,KAAD;IAAA,OACE,aAAAd,KAAK,CAACkB,cAAN,CAAqBJ,KAArB,KACAZ,QAAQ,CAACY,KAAK,CAACR,KAAP,EAAcF,IAAd,CAAR,KAAgCM,WAFlC;EAAA,CADD,CADQ,uCAK+B,IAL1C;EAOA,OACE,wCAASG,SAAT;IAAoB,SAAS,EAAC;EAA9B,IACE,oBAAC,WAAD;IACE,GAAG,EAAEH,WADP;IAEE,aAAa,EAAEH,MAAM,CAACG,WAAD,CAAN,IAAuB,CAFxC;IAGE,UAAU,EAAE,oBAACS,KAAD;MAAA,OAAYZ,MAAM,CAACG,WAAD,CAAN,GAAsBS,KAAlC;IAAA;EAHd,GAKGL,KALH,CADF,EAQGH,MARH,CADF;AAYD,CAvBM"}

package/dist/components/Epic/ScrollSaver.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 export interface ScrollSaverProps {
     initialScroll?: number;
-    saveScroll: (scroll: number) => any;
+    saveScroll: (this: void, scroll: number) => any;
     children?: React.ReactNode;
 }
 /**

package/dist/components/Epic/ScrollSaver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollSaver.js","names":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,QAGsB,QAHtBA,QAGsB;EAAA,IAFtBC,aAEsB,QAFtBA,aAEsB;EAAA,IADtBC,UACsB,QADtBA,UACsB;;EACtB,wBAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;EAAA,IAAQO,SAAR,qBAAQA,SAAR;EAAA,IAAmBC,QAAnB,qBAAmBA,QAAnB;;EACAP,yBAAyB,CAAC,YAAM;IAC9B,IAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;MACrCI,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;IACD;;IACD,OAAO;MAAA,OAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;IAAA,CAAP;EACD,CALwB,EAKtB,EALsB,CAAzB;EAMA,OAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBN,QAAjB,CAAP;AACD,CAbM"}
+{"version":3,"file":"ScrollSaver.js","names":["React","ScrollContext","useIsomorphicLayoutEffect","ScrollSaver","children","initialScroll","saveScroll","useContext","getScroll","scrollTo","y"],"sources":["../../../src/components/Epic/ScrollSaver.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface ScrollSaverProps {\n  initialScroll?: number;\n  saveScroll: (this: void, scroll: number) => any;\n  children?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ScrollSaver\n */\nexport const ScrollSaver = ({\n  children,\n  initialScroll,\n  saveScroll,\n}: ScrollSaverProps) => {\n  const { getScroll, scrollTo } = React.useContext(ScrollContext);\n  useIsomorphicLayoutEffect(() => {\n    if (typeof initialScroll === \"number\") {\n      scrollTo(0, initialScroll);\n    }\n    return () => saveScroll(getScroll().y);\n  }, []);\n  return <React.Fragment>{children}</React.Fragment>;\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AACA,SAASC,yBAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,QAGsB,QAHtBA,QAGsB;EAAA,IAFtBC,aAEsB,QAFtBA,aAEsB;EAAA,IADtBC,UACsB,QADtBA,UACsB;;EACtB,wBAAgCN,KAAK,CAACO,UAAN,CAAiBN,aAAjB,CAAhC;EAAA,IAAQO,SAAR,qBAAQA,SAAR;EAAA,IAAmBC,QAAnB,qBAAmBA,QAAnB;;EACAP,yBAAyB,CAAC,YAAM;IAC9B,IAAI,OAAOG,aAAP,KAAyB,QAA7B,EAAuC;MACrCI,QAAQ,CAAC,CAAD,EAAIJ,aAAJ,CAAR;IACD;;IACD,OAAO;MAAA,OAAMC,UAAU,CAACE,SAAS,GAAGE,CAAb,CAAhB;IAAA,CAAP;EACD,CALwB,EAKtB,EALsB,CAAzB;EAMA,OAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBN,QAAjB,CAAP;AACD,CAbM"}

package/dist/components/File/File.d.ts

@@ -2,12 +2,8 @@ import * as React from "react";
 import { VKUIButtonProps } from "../Button/Button";
 import { HasRef, HasRootRef } from "../../types";
 export interface FileProps extends Omit<VKUIButtonProps, "type">, Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size">, HasRef<HTMLInputElement>, HasRootRef<HTMLElement> {
-    /**
-     * @deprecated Будет удалено в 5.0.0. Используйте size
-     */
-    controlSize?: VKUIButtonProps["size"];
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/File
  */
-export declare const File: ({ children, align, controlSize, size, mode, stretched, before, after, loading, className, style, getRef, getRootRef, appearance, ...restProps }: FileProps) => JSX.Element;
+export declare const File: ({ children, align, size, mode, stretched, before, after, loading, className, style, getRef, getRootRef, appearance, ...restProps }: FileProps) => JSX.Element;

package/dist/components/File/File.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "align", "controlSize", "size", "mode", "stretched", "before", "after", "loading", "className", "style", "getRef", "getRootRef", "appearance"];
+var _excluded = ["children", "align", "size", "mode", "stretched", "before", "after", "loading", "className", "style", "getRef", "getRootRef", "appearance"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { getClassName } from "../../helpers/getClassName";
 import { Button } from "../Button/Button";
@@ -15,7 +15,6 @@ export var File = function File(_ref) {
       children = _ref$children === void 0 ? "Выберите файл" : _ref$children,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "left" : _ref$align,
-      controlSize = _ref.controlSize,
       size = _ref.size,
       mode = _ref.mode,
       stretched = _ref.stretched,
@@ -37,9 +36,8 @@ export var File = function File(_ref) {
     className: className,
     stretched: stretched,
     mode: mode,
-    appearance: appearance // TODO: v5.0.0 удалить controlSize
-    ,
-    size: size !== null && size !== void 0 ? size : controlSize,
+    appearance: appearance,
+    size: size,
     before: before,
     after: after,
     loading: loading,

package/dist/components/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["getClassName","Button","usePlatform","VisuallyHiddenInput","File","children","align","controlSize","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","disabled"],"sources":["../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте size\n   */\n  controlSize?: VKUIButtonProps[\"size\"];\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  // TODO: v5.0.0 удалить controlSize\n  controlSize,\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      // TODO: v5.0.0 удалить controlSize\n      size={size ?? controlSize}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,MAAT;AAEA,SAASC,WAAT;AACA,SAASC,mBAAT;;AAaA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAiBH;EAAA,yBAhBfC,QAgBe;EAAA,IAhBfA,QAgBe,8BAhBJ,eAgBI;EAAA,sBAffC,KAee;EAAA,IAffA,KAee,2BAfP,MAeO;EAAA,IAbfC,WAae,QAbfA,WAae;EAAA,IAZfC,IAYe,QAZfA,IAYe;EAAA,IAXfC,IAWe,QAXfA,IAWe;EAAA,IAVfC,SAUe,QAVfA,SAUe;EAAA,IATfC,MASe,QATfA,MASe;EAAA,IARfC,KAQe,QARfA,KAQe;EAAA,IAPfC,OAOe,QAPfA,OAOe;EAAA,IANfC,SAMe,QANfA,SAMe;EAAA,IALfC,KAKe,QALfA,KAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,IAHfC,UAGe,QAHfA,UAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IAAMC,QAAQ,GAAGlB,WAAW,EAA5B;EAEA,OACE,oBAAC,MAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEI,KAFT;IAGE,SAAS,EAAEN,YAAY,CAAC,MAAD,EAASoB,QAAT,CAHzB;IAIE,SAAS,EAAEN,SAJb;IAKE,SAAS,EAAEJ,SALb;IAME,IAAI,EAAED,IANR;IAOE,UAAU,EAAES,UAPd,CAQE;IARF;IASE,IAAI,EAAEV,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUD,WAThB;IAUE,MAAM,EAAEI,MAVV;IAWE,KAAK,EAAEC,KAXT;IAYE,OAAO,EAAEC,OAZX;IAaE,KAAK,EAAEE,KAbT;IAcE,UAAU,EAAEE,UAdd;IAeE,QAAQ,EAAEE,SAAS,CAACE;EAftB,GAiBE,oBAAC,mBAAD,eACMF,SADN;IAEE,SAAS,EAAC,aAFZ;IAGE,IAAI,EAAC,MAHP;IAIE,MAAM,EAAEH;EAJV,GAjBF,EAuBGX,QAvBH,CADF;AA2BD,CA/CM"}
+{"version":3,"file":"File.js","names":["getClassName","Button","usePlatform","VisuallyHiddenInput","File","children","align","size","mode","stretched","before","after","loading","className","style","getRef","getRootRef","appearance","restProps","platform","disabled"],"sources":["../../../src/components/File/File.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Button, VKUIButtonProps } from \"../Button/Button\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { VisuallyHiddenInput } from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\n\nexport interface FileProps\n  extends Omit<VKUIButtonProps, \"type\">,\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\">,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLElement> {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/File\n */\nexport const File = ({\n  children = \"Выберите файл\",\n  align = \"left\",\n  size,\n  mode,\n  stretched,\n  before,\n  after,\n  loading,\n  className,\n  style,\n  getRef,\n  getRootRef,\n  appearance,\n  ...restProps\n}: FileProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Button\n      Component=\"label\"\n      align={align}\n      vkuiClass={getClassName(\"File\", platform)}\n      className={className}\n      stretched={stretched}\n      mode={mode}\n      appearance={appearance}\n      size={size}\n      before={before}\n      after={after}\n      loading={loading}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <VisuallyHiddenInput\n        {...restProps}\n        vkuiClass=\"File__input\"\n        type=\"file\"\n        getRef={getRef}\n      />\n      {children}\n    </Button>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,MAAT;AAEA,SAASC,WAAT;AACA,SAASC,mBAAT;;AAQA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAeH;EAAA,yBAdfC,QAce;EAAA,IAdfA,QAce,8BAdJ,eAcI;EAAA,sBAbfC,KAae;EAAA,IAbfA,KAae,2BAbP,MAaO;EAAA,IAZfC,IAYe,QAZfA,IAYe;EAAA,IAXfC,IAWe,QAXfA,IAWe;EAAA,IAVfC,SAUe,QAVfA,SAUe;EAAA,IATfC,MASe,QATfA,MASe;EAAA,IARfC,KAQe,QARfA,KAQe;EAAA,IAPfC,OAOe,QAPfA,OAOe;EAAA,IANfC,SAMe,QANfA,SAMe;EAAA,IALfC,KAKe,QALfA,KAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,IAHfC,UAGe,QAHfA,UAGe;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IAAMC,QAAQ,GAAGjB,WAAW,EAA5B;EAEA,OACE,oBAAC,MAAD;IACE,SAAS,EAAC,OADZ;IAEE,KAAK,EAAEI,KAFT;IAGE,SAAS,EAAEN,YAAY,CAAC,MAAD,EAASmB,QAAT,CAHzB;IAIE,SAAS,EAAEN,SAJb;IAKE,SAAS,EAAEJ,SALb;IAME,IAAI,EAAED,IANR;IAOE,UAAU,EAAES,UAPd;IAQE,IAAI,EAAEV,IARR;IASE,MAAM,EAAEG,MATV;IAUE,KAAK,EAAEC,KAVT;IAWE,OAAO,EAAEC,OAXX;IAYE,KAAK,EAAEE,KAZT;IAaE,UAAU,EAAEE,UAbd;IAcE,QAAQ,EAAEE,SAAS,CAACE;EAdtB,GAgBE,oBAAC,mBAAD,eACMF,SADN;IAEE,SAAS,EAAC,aAFZ;IAGE,IAAI,EAAC,MAHP;IAIE,MAAM,EAAEH;EAJV,GAhBF,EAsBGV,QAtBH,CADF;AA0BD,CA5CM"}

package/dist/components/FixedLayout/FixedLayout.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "style", "vertical", "getRootRef", "getRef", "filled"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { classNames } from "../../lib/classNames";
 import { SplitColContext } from "../SplitCol/SplitCol";
 import { TooltipContainer } from "../Tooltip/TooltipContainer";
@@ -39,15 +39,20 @@ export var FixedLayout = function FixedLayout(_ref) {
       colRef = _React$useContext.colRef;
 
   var doResize = function doResize() {
-    return setWidth(colRef !== null && colRef !== void 0 && colRef.current ? "".concat(colRef.current.offsetWidth, "px") : undefined);
+    if (colRef !== null && colRef !== void 0 && colRef.current) {
+      var computedStyle = getComputedStyle(colRef.current);
+      setWidth("".concat(colRef.current.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight), "px"));
+    } else {
+      setWidth(undefined);
+    }
   };
 
-  React.useEffect(doResize, [colRef]);
+  React.useEffect(doResize, [colRef, platform]);
   useGlobalEventListener(window, "resize", doResize);
   return createScopedElement(TooltipContainer, _extends({}, restProps, {
     fixed: true,
     ref: getRootRef,
-    vkuiClass: classNames("FixedLayout", platform === IOS && "FixedLayout--ios", filled && "FixedLayout--filled", "FixedLayout--".concat(vertical)),
+    vkuiClass: classNames("FixedLayout", platform === Platform.IOS && "FixedLayout--ios", filled && "FixedLayout--filled", vertical && "FixedLayout--vertical-".concat(vertical)),
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: width
     })

package/dist/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.js","names":["React","IOS","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","offsetWidth","useEffect"],"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,GAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;;EACtB,IAAMC,QAAQ,GAAGT,WAAW,EAA5B;;EACA,sBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmBf,MAAM,EAAzB;EAAA,IAAQgB,MAAR,WAAQA,MAAR;;EACA,wBAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;EAAA,IAAQoB,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;IAAA,OACfJ,QAAQ,CAACG,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDR,SAAvD,CADO;EAAA,CAAjB;;EAEAlB,KAAK,CAAC2B,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;EACAjB,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;EAEA,OACE,oBAAC,gBAAD,eACMT,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKf,GAAb,IAAoB,kBAFD,EAGnBa,MAAM,IAAI,qBAHS,yBAIHH,QAJG,EAJvB;IAUE,KAAK,kCAAOD,KAAP;MAAcS,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAEN;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CApCM"}
+{"version":3,"file":"FixedLayout.js","names":["React","Platform","classNames","SplitColContext","TooltipContainer","useDOM","useGlobalEventListener","usePlatform","FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","useState","undefined","width","setWidth","window","useContext","colRef","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","IOS"],"sources":["../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Platform } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === Platform.IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        vertical && `FixedLayout--vertical-${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,QAAT;AACA,SAASC,UAAT;AAEA,SAASC,eAAT;AACA,SAASC,gBAAT;AACA,SAASC,MAAT;AACA,SAASC,sBAAT;AACA,SAASC,WAAT;;AAsBA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;;EACtB,IAAMC,QAAQ,GAAGT,WAAW,EAA5B;;EACA,sBAA0BP,KAAK,CAACiB,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmBf,MAAM,EAAzB;EAAA,IAAQgB,MAAR,WAAQA,MAAR;;EACA,wBAAmBrB,KAAK,CAACsB,UAAN,CAAiBnB,eAAjB,CAAnB;EAAA,IAAQoB,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAM;IACrB,IAAID,MAAJ,aAAIA,MAAJ,eAAIA,MAAM,CAAEE,OAAZ,EAAqB;MACnB,IAAMC,aAAa,GAAGC,gBAAgB,CAACJ,MAAM,CAACE,OAAR,CAAtC;MAEAL,QAAQ,WAEJG,MAAM,CAACE,OAAP,CAAeG,WAAf,GACAC,UAAU,CAACH,aAAa,CAACI,WAAf,CADV,GAEAD,UAAU,CAACH,aAAa,CAACK,YAAf,CAJN,QAAR;IAOD,CAVD,MAUO;MACLX,QAAQ,CAACF,SAAD,CAAR;IACD;EACF,CAdD;;EAeAlB,KAAK,CAACgC,SAAN,CAAgBR,QAAhB,EAA0B,CAACD,MAAD,EAASP,QAAT,CAA1B;EACAV,sBAAsB,CAACe,MAAD,EAAS,QAAT,EAAmBG,QAAnB,CAAtB;EAEA,OACE,oBAAC,gBAAD,eACMT,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAEV,UAAU,CACnB,aADmB,EAEnBc,QAAQ,KAAKf,QAAQ,CAACgC,GAAtB,IAA6B,kBAFV,EAGnBnB,MAAM,IAAI,qBAHS,EAInBH,QAAQ,oCAA6BA,QAA7B,CAJW,CAJvB;IAUE,KAAK,kCAAOD,KAAP;MAAcS,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAEN;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CAjDM"}

package/dist/components/FocusVisible/FocusVisible.js

@@ -8,7 +8,7 @@ export var FocusVisible = function FocusVisible(_ref) {
   var mode = _ref.mode;
   return createScopedElement("span", {
     "aria-hidden": "true",
-    vkuiClass: classNames("FocusVisible", "FocusVisible--".concat(mode))
+    vkuiClass: classNames("FocusVisible", "FocusVisible--mode-".concat(mode))
   });
 };
 //# sourceMappingURL=FocusVisible.js.map

package/dist/components/FocusVisible/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["classNames","FocusVisible","mode"],"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--${mode}`)}\n  />\n);\n"],"mappings":";AAAA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAC1B;IACE,eAAY,MADd;IAEE,SAAS,EAAEF,UAAU,CAAC,cAAD,0BAAkCE,IAAlC;EAFvB,EAD0B;AAAA,CAArB"}
+{"version":3,"file":"FocusVisible.js","names":["classNames","FocusVisible","mode"],"sources":["../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import { classNames } from \"../../lib/classNames\";\nimport \"./FocusVisible.css\";\n\nexport type FocusVisibleMode = \"inside\" | \"outside\";\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden=\"true\"\n    vkuiClass={classNames(\"FocusVisible\", `FocusVisible--mode-${mode}`)}\n  />\n);\n"],"mappings":";AAAA,SAASA,UAAT;;AASA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAC1B;IACE,eAAY,MADd;IAEE,SAAS,EAAEF,UAAU,CAAC,cAAD,+BAAuCE,IAAvC;EAFvB,EAD0B;AAAA,CAArB"}

package/dist/components/Footer/Footer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Caption } from "../Typography/Caption/Caption";
+import { Footnote } from "../Typography/Footnote/Footnote";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Footer
@@ -11,7 +11,7 @@ export var Footer = function Footer(_ref) {
   var children = _ref.children,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  return createScopedElement(Caption, _extends({
+  return createScopedElement(Footnote, _extends({
     Component: "footer"
   }, restProps, {
     vkuiClass: "Footer"