@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/components/NativeSelect/NativeSelect.js

@@ -1,21 +1,26 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline", "selectType", "status"];
+var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "multiline", "selectType", "status"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { DropdownIcon } from "../DropdownIcon/DropdownIcon";
 import { FormField } from "../FormField/FormField";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { getClassName } from "../../helpers/getClassName";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
 import { useEnsuredControl } from "../../hooks/useEnsuredControl";
 import { useExternRef } from "../../hooks/useExternRef";
 import { usePlatform } from "../../hooks/usePlatform";
-import { SelectType, SelectTypography } from "../Select/Select";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { getSizeXClassName } from "../../helpers/getSizeXClassName";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { SelectTypography } from "../Select/Select";
 
-var NativeSelectComponent = function NativeSelectComponent(_ref) {
+/**
+ * @see https://vkcom.github.io/VKUI/#/NativeSelect
+ */
+var NativeSelect = function NativeSelect(_ref) {
   var style = _ref.style,
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
@@ -26,11 +31,9 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       getRef = _ref.getRef,
       getRootRef = _ref.getRootRef,
       disabled = _ref.disabled,
-      sizeX = _ref.sizeX,
-      sizeY = _ref.sizeY,
       multiline = _ref.multiline,
       _ref$selectType = _ref.selectType,
-      selectType = _ref$selectType === void 0 ? SelectType.default : _ref$selectType,
+      selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
       status = _ref.status,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -54,6 +57,11 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       onChange = _useEnsuredControl2[1];
 
   var selectRef = useExternRef(getRef);
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeX = _useAdaptivity.sizeX,
+      sizeY = _useAdaptivity.sizeY;
+
   useIsomorphicLayoutEffect(function () {
     var _selectRef$current;
 
@@ -66,7 +74,7 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
   }, [value, children]);
   return createScopedElement(FormField, {
     Component: "label",
-    vkuiClass: classNames(getClassName("Select", platform), "Select--".concat(selectType), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), "Select--sizeX-".concat(sizeX), "Select--sizeY-".concat(sizeY)),
+    vkuiClass: classNames(getClassName("Select", platform), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), getSizeXClassName("Select", sizeX), getSizeYClassName("Select", sizeY)),
     className: className,
     style: style,
     getRootRef: getRootRef,
@@ -84,17 +92,10 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
   }, placeholder), children), createScopedElement("div", {
     vkuiClass: "Select__container"
   }, createScopedElement(SelectTypography, {
-    vkuiClass: "Select__title"
+    vkuiClass: "Select__title",
+    selectType: selectType
   }, title)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/NativeSelect
- */
-
 
-export var NativeSelect = withAdaptivity(NativeSelectComponent, {
-  sizeX: true,
-  sizeY: true
-});
-NativeSelect.displayName = "NativeSelect";
+export { NativeSelect };
 //# sourceMappingURL=NativeSelect.js.map

package/dist/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","names":["React","classNames","DropdownIcon","FormField","withAdaptivity","getClassName","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","SelectType","SelectTypography","NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","selectType","default","status","restProps","platform","useState","title","setTitle","empty","setEmpty","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","NativeSelect","displayName"],"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasAlign,\n    AdaptivityProps,\n    Pick<FormFieldProps, \"status\"> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: keyof typeof SelectType;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n  title?: string;\n  notSelected?: boolean;\n}\n\nconst NativeSelectComponent = ({\n  style,\n  defaultValue = \"\",\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  sizeX,\n  sizeY,\n  multiline,\n  selectType = SelectType.default,\n  status,\n  ...restProps\n}: NativeSelectProps & AdaptivityContextInterface) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState(\"\");\n  const [empty, setEmpty] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption =\n      selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === \"\" && placeholder != null);\n    }\n  }, [value, children]);\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        `Select--${selectType}`,\n        empty && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        `Select--sizeX-${sizeX}`,\n        `Select--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n      status={status}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        vkuiClass=\"Select__el\"\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div vkuiClass=\"Select__container\">\n        {/* TODO v5.0.0 поправить под новую адаптивность */}\n        <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"mappings":"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"}
+{"version":3,"file":"NativeSelect.js","names":["React","classNames","DropdownIcon","FormField","getClassName","useIsomorphicLayoutEffect","useEnsuredControl","useExternRef","usePlatform","useAdaptivity","getSizeXClassName","getSizeYClassName","SelectTypography","NativeSelect","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","multiline","selectType","status","restProps","platform","useState","title","setTitle","empty","setEmpty","value","onChange","selectRef","sizeX","sizeY","selectedOption","current","options","selectedIndex","text"],"sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n  extends React.SelectHTMLAttributes<HTMLSelectElement>,\n    HasRef<HTMLSelectElement>,\n    HasRootRef<HTMLLabelElement>,\n    HasAlign,\n    Pick<FormFieldProps, \"status\"> {\n  placeholder?: string;\n  multiline?: boolean;\n  selectType?: SelectType;\n}\n\nexport interface SelectState {\n  value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n  title?: string;\n  notSelected?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nconst NativeSelect: React.FC<NativeSelectProps> = ({\n  style,\n  defaultValue = \"\",\n  align,\n  placeholder,\n  children,\n  className,\n  getRef,\n  getRootRef,\n  disabled,\n  multiline,\n  selectType = \"default\",\n  status,\n  ...restProps\n}: NativeSelectProps) => {\n  const platform = usePlatform();\n  const [title, setTitle] = React.useState(\"\");\n  const [empty, setEmpty] = React.useState(false);\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const selectRef = useExternRef(getRef);\n  const { sizeX, sizeY } = useAdaptivity();\n\n  useIsomorphicLayoutEffect(() => {\n    const selectedOption =\n      selectRef.current?.options[selectRef.current.selectedIndex];\n    if (selectedOption) {\n      setTitle(selectedOption.text);\n      setEmpty(selectedOption.value === \"\" && placeholder != null);\n    }\n  }, [value, children]);\n\n  return (\n    <FormField\n      Component=\"label\"\n      vkuiClass={classNames(\n        getClassName(\"Select\", platform),\n        empty && \"Select--empty\",\n        multiline && \"Select--multiline\",\n        align && `Select--align-${align}`,\n        getSizeXClassName(\"Select\", sizeX),\n        getSizeYClassName(\"Select\", sizeY)\n      )}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={disabled}\n      after={<DropdownIcon />}\n      status={status}\n    >\n      <select\n        {...restProps}\n        disabled={disabled}\n        vkuiClass=\"Select__el\"\n        onChange={onChange}\n        value={value}\n        ref={selectRef}\n      >\n        {placeholder && <option value=\"\">{placeholder}</option>}\n        {children}\n      </select>\n      <div vkuiClass=\"Select__container\">\n        <SelectTypography vkuiClass=\"Select__title\" selectType={selectType}>\n          {title}\n        </SelectTypography>\n      </div>\n    </FormField>\n  );\n};\n\nexport { NativeSelect };\n"],"mappings":"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"}

package/dist/components/Pagination/Pagination.js

@@ -7,6 +7,7 @@ import { Icon24ChevronCompactLeft, Icon24ChevronCompactRight } from "@vkontakte/
 import { classNames } from "../../lib/classNames";
 import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { usePagination } from "../../hooks/usePagination";
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
 import { Tappable } from "../Tappable/Tappable";
 import { Button } from "../Button/Button";
 
@@ -69,7 +70,7 @@ export var Pagination = function Pagination(_ref) {
         return createScopedElement("li", {
           key: page
         }, createScopedElement("div", {
-          vkuiClass: classNames("Pagination__page", "Pagination__page--type-ellipsis", "Pagination__page--sizeY-".concat(sizeY), disabled && "Pagination__page--disabled")
+          vkuiClass: classNames("Pagination__page", "Pagination__page--type-ellipsis", getSizeYClassName("Pagination__page", sizeY), disabled && "Pagination__page--disabled")
         }, "..."));
 
       default:
@@ -79,7 +80,7 @@ export var Pagination = function Pagination(_ref) {
           return createScopedElement("li", {
             key: page
           }, createScopedElement(Tappable, {
-            vkuiClass: classNames("Pagination__page", "Pagination__page--sizeY-".concat(sizeY), _isCurrent && "Pagination__page--current", disabled && "Pagination__page--disabled"),
+            vkuiClass: classNames("Pagination__page", getSizeYClassName("Pagination__page", sizeY), _isCurrent && "Pagination__page--current", disabled && "Pagination__page--disabled"),
             activeMode: "Pagination__page--state-active",
             hoverMode: "Pagination__page--state-hover",
             hasActive: !_isCurrent,

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","Tappable","Button","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24ChevronCompactLeft,\n  Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.css\";\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"onChange\">,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = \"Перейти на предыдущую страницу\",\n  nextButtonAriaLabel = \"Перейти на следующую страницу\",\n  getRootRef,\n  onChange,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || \"1\";\n      onChange?.(Number(page));\n    },\n    [onChange]\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case \"start-ellipsis\":\n        case \"end-ellipsis\":\n          return (\n            <li key={page}>\n              <div\n                vkuiClass={classNames(\n                  \"Pagination__page\",\n                  \"Pagination__page--type-ellipsis\",\n                  `Pagination__page--sizeY-${sizeY}`,\n                  disabled && \"Pagination__page--disabled\"\n                )}\n              >\n                ...\n              </div>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                vkuiClass={classNames(\n                  \"Pagination__page\",\n                  `Pagination__page--sizeY-${sizeY}`,\n                  isCurrent && \"Pagination__page--current\",\n                  disabled && \"Pagination__page--disabled\"\n                )}\n                activeMode=\"Pagination__page--state-active\"\n                hoverMode=\"Pagination__page--state-hover\"\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                {page}\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]\n  );\n\n  return (\n    <nav\n      vkuiClass=\"Pagination\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      ref={getRootRef}\n      {...resetProps}\n    >\n      <ul vkuiClass=\"Pagination__list\">\n        <li vkuiClass=\"Pagination__prevButtonContainer\">\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            stretched\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li vkuiClass=\"Pagination__nextButtonContainer\">\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            stretched\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","Icon24ChevronCompactLeft","Icon24ChevronCompactRight","classNames","useAdaptivity","usePagination","getSizeYClassName","Tappable","Button","getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24ChevronCompactLeft,\n  Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\n\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.css\";\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n  return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"onChange\">,\n    HasRootRef<HTMLElement> {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n  /**\n   * Блокировка всех кнопок.\n   */\n  disabled?: boolean;\n  /**\n   * Переопределение `aria-label` для кнопки навигации назад.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  prevButtonAriaLabel?: string;\n  /**\n   * Переопределение `aria-label` для кнопки навигации вперёд.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  nextButtonAriaLabel?: string;\n  /**\n   * Функция для переопределения и/или локализации `aria-label` атрибута.\n   * По умолчанию используется текст на \"ru_RU\".\n   */\n  getPageAriaLabel?(page: number, isCurrent: boolean): string;\n  onChange?(page: number): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages = 1,\n  disabled,\n  getPageAriaLabel = getPageAriaLabelDefault,\n  prevButtonAriaLabel = \"Перейти на предыдущую страницу\",\n  nextButtonAriaLabel = \"Перейти на следующую страницу\",\n  getRootRef,\n  onChange,\n  ...resetProps\n}: PaginationProps) => {\n  const { sizeY } = useAdaptivity();\n\n  const pages = usePagination({\n    currentPage,\n    totalPages,\n    siblingCount,\n    boundaryCount,\n  });\n  const isFirstPage = currentPage === 1;\n  const isLastPage = currentPage === totalPages;\n\n  const handlePrevClick = React.useCallback(() => {\n    if (onChange && !isFirstPage) {\n      onChange(currentPage - 1);\n    }\n  }, [currentPage, isFirstPage, onChange]);\n\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      const page: string = event.currentTarget.dataset.page || \"1\";\n      onChange?.(Number(page));\n    },\n    [onChange]\n  );\n\n  const handleNextClick = React.useCallback(() => {\n    if (onChange && !isLastPage) {\n      onChange(currentPage + 1);\n    }\n  }, [currentPage, isLastPage, onChange]);\n\n  const renderPages = React.useCallback(\n    (page: PaginationPageType) => {\n      switch (page) {\n        case \"start-ellipsis\":\n        case \"end-ellipsis\":\n          return (\n            <li key={page}>\n              <div\n                vkuiClass={classNames(\n                  \"Pagination__page\",\n                  \"Pagination__page--type-ellipsis\",\n                  getSizeYClassName(\"Pagination__page\", sizeY),\n                  disabled && \"Pagination__page--disabled\"\n                )}\n              >\n                ...\n              </div>\n            </li>\n          );\n        default: {\n          const isCurrent = page === currentPage;\n          return (\n            <li key={page}>\n              <Tappable\n                vkuiClass={classNames(\n                  \"Pagination__page\",\n                  getSizeYClassName(\"Pagination__page\", sizeY),\n                  isCurrent && \"Pagination__page--current\",\n                  disabled && \"Pagination__page--disabled\"\n                )}\n                activeMode=\"Pagination__page--state-active\"\n                hoverMode=\"Pagination__page--state-hover\"\n                hasActive={!isCurrent}\n                hasHover={!isCurrent}\n                focusVisibleMode=\"outside\"\n                disabled={disabled}\n                data-page={page}\n                aria-current={isCurrent ? true : undefined}\n                aria-label={getPageAriaLabel(page, isCurrent)}\n                onClick={handleClick}\n              >\n                {page}\n              </Tappable>\n            </li>\n          );\n        }\n      }\n    },\n    [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]\n  );\n\n  return (\n    <nav\n      vkuiClass=\"Pagination\"\n      role=\"navigation\"\n      aria-label=\"Навигация по страницам\"\n      ref={getRootRef}\n      {...resetProps}\n    >\n      <ul vkuiClass=\"Pagination__list\">\n        <li vkuiClass=\"Pagination__prevButtonContainer\">\n          <Button\n            size=\"l\"\n            before={<Icon24ChevronCompactLeft width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            stretched\n            disabled={isFirstPage || disabled}\n            aria-label={prevButtonAriaLabel}\n            onClick={handlePrevClick}\n          />\n        </li>\n        {pages.map(renderPages)}\n        <li vkuiClass=\"Pagination__nextButtonContainer\">\n          <Button\n            size=\"l\"\n            after={<Icon24ChevronCompactRight width={24} />}\n            appearance=\"accent\"\n            mode=\"tertiary\"\n            stretched\n            disabled={isLastPage || disabled}\n            aria-label={nextButtonAriaLabel}\n            onClick={handleNextClick}\n          />\n        </li>\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Panel/Panel.d.ts

@@ -1,12 +1,11 @@
 import * as React from "react";
 import { HasRootRef } from "../../types";
 import { NavIdProps } from "../../lib/getNavId";
-import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
 import "./Panel.css";
-export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {
+export interface PanelProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, NavIdProps {
     centered?: boolean;
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Panel
  */
-export declare const Panel: React.FC<Pick<PanelProps & AdaptivityContextInterface, "hidden" | "dir" | "nav" | "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" | "getRootRef" | "centered"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Panel: React.FC<PanelProps>;

package/dist/components/Panel/Panel.js

@@ -1,35 +1,38 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["centered", "children", "getRootRef", "sizeX", "nav"];
+var _excluded = ["centered", "children", "getRootRef", "nav"];
 import { createScopedElement } from "../../lib/jsxRuntime";
+import { getSizeXClassName } from "../../helpers/getSizeXClassName";
 import { classNames } from "../../lib/classNames";
 import { Touch } from "../Touch/Touch";
 import { TooltipContainer } from "../Tooltip/TooltipContainer";
-import { withAdaptivity } from "../../hoc/withAdaptivity";
-import { IOS, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Panel
  */
-export var Panel = withAdaptivity(function (_ref) {
+export var Panel = function Panel(_ref) {
   var _ref$centered = _ref.centered,
       centered = _ref$centered === void 0 ? false : _ref$centered,
       children = _ref.children,
       getRootRef = _ref.getRootRef,
-      sizeX = _ref.sizeX,
       nav = _ref.nav,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
+
+  var _useAdaptivity = useAdaptivity(),
+      sizeX = _useAdaptivity.sizeX;
+
   return createScopedElement("div", _extends({}, restProps, {
     ref: getRootRef,
-    vkuiClass: classNames("Panel", platform === IOS && "Panel--ios", platform === VKCOM && "Panel--vkcom", // TODO v5.0.0 поправить под новую адаптивность
-    "Panel--sizeX-".concat(sizeX), centered && "Panel--centered")
+    vkuiClass: classNames("Panel", platform === Platform.IOS && "Panel--ios", platform === Platform.VKCOM && "Panel--vkcom", getSizeXClassName("Panel", sizeX), centered && "Panel--centered")
   }), createScopedElement(Touch, {
     Component: TooltipContainer,
     vkuiClass: "Panel__in"
-  }, platform === IOS && createScopedElement("div", {
+  }, platform === Platform.IOS && createScopedElement("div", {
     vkuiClass: "Panel__fade"
   }), createScopedElement("div", {
     vkuiClass: "Panel__in-before"
@@ -38,8 +41,5 @@ export var Panel = withAdaptivity(function (_ref) {
   }, children) : children, createScopedElement("div", {
     vkuiClass: "Panel__in-after"
   })));
-}, {
-  sizeX: true
-});
-Panel.displayName = "Panel";
+};
 //# sourceMappingURL=Panel.js.map

package/dist/components/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["classNames","Touch","TooltipContainer","withAdaptivity","IOS","VKCOM","usePlatform","Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","displayName"],"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = withAdaptivity<PanelProps & AdaptivityContextInterface>(\n  ({ centered = false, children, getRootRef, sizeX, nav, ...restProps }) => {\n    const platform = usePlatform();\n\n    return (\n      <div\n        {...restProps}\n        ref={getRootRef}\n        vkuiClass={classNames(\n          \"Panel\",\n          platform === IOS && \"Panel--ios\",\n          platform === VKCOM && \"Panel--vkcom\",\n          // TODO v5.0.0 поправить под новую адаптивность\n          `Panel--sizeX-${sizeX}`,\n          centered && \"Panel--centered\"\n        )}\n      >\n        <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n          {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n          <div vkuiClass=\"Panel__in-before\" />\n          {centered ? (\n            <div vkuiClass=\"Panel__centered\">{children}</div>\n          ) : (\n            children\n          )}\n          <div vkuiClass=\"Panel__in-after\" />\n        </Touch>\n      </div>\n    );\n  },\n  {\n    sizeX: true,\n  }\n);\n\nPanel.displayName = \"Panel\";\n"],"mappings":";;;;AACA,SAASA,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,cAAT;AACA,SAASC,GAAT,EAAcC,KAAd;AACA,SAASC,WAAT;;AAgBA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAGJ,cAAc,CACjC,gBAA0E;EAAA,yBAAvEK,QAAuE;EAAA,IAAvEA,QAAuE,8BAA5D,KAA4D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,UAA2C,QAA3CA,UAA2C;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,GAAwB,QAAxBA,GAAwB;EAAA,IAAhBC,SAAgB;;EACxE,IAAMC,QAAQ,GAAGR,WAAW,EAA5B;EAEA,OACE,wCACMO,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAEV,UAAU,CACnB,OADmB,EAEnBc,QAAQ,KAAKV,GAAb,IAAoB,YAFD,EAGnBU,QAAQ,KAAKT,KAAb,IAAsB,cAHH,EAInB;IAJmB,uBAKHM,KALG,GAMnBH,QAAQ,IAAI,iBANO;EAHvB,IAYE,oBAAC,KAAD;IAAO,SAAS,EAAEN,gBAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGY,QAAQ,KAAKV,GAAb,IAAoB;IAAK,SAAS,EAAC;EAAf,EADvB,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGI,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAZF,CADF;AAyBD,CA7BgC,EA8BjC;EACEE,KAAK,EAAE;AADT,CA9BiC,CAA5B;AAmCPJ,KAAK,CAACQ,WAAN,GAAoB,OAApB"}
+{"version":3,"file":"Panel.js","names":["getSizeXClassName","classNames","Touch","TooltipContainer","Platform","usePlatform","useAdaptivity","Panel","centered","children","getRootRef","nav","restProps","platform","sizeX","IOS","VKCOM"],"sources":["../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel: React.FC<PanelProps> = ({\n  centered = false,\n  children,\n  getRootRef,\n  nav,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Panel\",\n        platform === Platform.IOS && \"Panel--ios\",\n        platform === Platform.VKCOM && \"Panel--vkcom\",\n        getSizeXClassName(\"Panel\", sizeX),\n        centered && \"Panel--centered\"\n      )}\n    >\n      <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n        {platform === Platform.IOS && <div vkuiClass=\"Panel__fade\" />}\n        <div vkuiClass=\"Panel__in-before\" />\n        {centered ? (\n          <div vkuiClass=\"Panel__centered\">{children}</div>\n        ) : (\n          children\n        )}\n        <div vkuiClass=\"Panel__in-after\" />\n      </Touch>\n    </div>\n  );\n};\n"],"mappings":";;;;AACA,SAASA,iBAAT;AACA,SAASC,UAAT;AACA,SAASC,KAAT;AACA,SAASC,gBAAT;AAEA,SAASC,QAAT;AACA,SAASC,WAAT;AAEA,SAASC,aAAT;;AAUA;AACA;AACA;AACA,OAAO,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,OAMrC;EAAA,yBALJC,QAKI;EAAA,IALJA,QAKI,8BALO,KAKP;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,UAGI,QAHJA,UAGI;EAAA,IAFJC,GAEI,QAFJA,GAEI;EAAA,IADDC,SACC;;EACJ,IAAMC,QAAQ,GAAGR,WAAW,EAA5B;;EACA,qBAAkBC,aAAa,EAA/B;EAAA,IAAQQ,KAAR,kBAAQA,KAAR;;EAEA,OACE,wCACMF,SADN;IAEE,GAAG,EAAEF,UAFP;IAGE,SAAS,EAAET,UAAU,CACnB,OADmB,EAEnBY,QAAQ,KAAKT,QAAQ,CAACW,GAAtB,IAA6B,YAFV,EAGnBF,QAAQ,KAAKT,QAAQ,CAACY,KAAtB,IAA+B,cAHZ,EAInBhB,iBAAiB,CAAC,OAAD,EAAUc,KAAV,CAJE,EAKnBN,QAAQ,IAAI,iBALO;EAHvB,IAWE,oBAAC,KAAD;IAAO,SAAS,EAAEL,gBAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGU,QAAQ,KAAKT,QAAQ,CAACW,GAAtB,IAA6B;IAAK,SAAS,EAAC;EAAf,EADhC,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGP,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAXF,CADF;AAwBD,CAlCM"}

package/dist/components/PanelHeader/PanelHeader.d.ts

@@ -1,18 +1,9 @@
 import * as React from "react";
 import { HasRef, HasRootRef } from "../../types";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./PanelHeader.css";
-export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
+export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     before?: React.ReactNode;
-    /**
-     * @deprecated Будет удалено в 5.0.0. Используйте `before`
-     */
-    left?: React.ReactNode;
     after?: React.ReactNode;
-    /**
-     * @deprecated Будет удалено в 5.0.0. Используйте `after`
-     */
-    right?: React.ReactNode;
     separator?: boolean;
     transparent?: boolean;
     shadow?: boolean;
@@ -28,4 +19,4 @@ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>,
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeader
  */
-export declare const PanelHeader: React.FC<Pick<PanelHeaderProps, "fixed" | "transparent" | "left" | "right" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "separator" | "after" | "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" | "getRootRef" | "getRef" | "before" | "visor" | "shadow"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const PanelHeader: ({ before, children, after, separator, visor, transparent, shadow, getRef, getRootRef, fixed, ...restProps }: PanelHeaderProps) => JSX.Element;

package/dist/components/PanelHeader/PanelHeader.js

@@ -1,21 +1,22 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["before", "left", "after", "right", "children", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
+var _excluded = ["before", "children", "after", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "fixed"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform";
-import { getClassName } from "../../helpers/getClassName";
+import { getPlatformClassName } from "../../helpers/getPlatformClassName";
+import { getSizeXClassName } from "../../helpers/getSizeXClassName";
 import { classNames } from "../../lib/classNames";
-import { warnOnce } from "../../lib/warnOnce";
 import { FixedLayout } from "../FixedLayout/FixedLayout";
 import { Separator } from "../Separator/Separator";
-import { Platform, VKCOM } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { ConfigProviderContext, WebviewType } from "../ConfigProvider/ConfigProviderContext";
-import { SizeType, withAdaptivity } from "../../hoc/withAdaptivity";
 import { Text } from "../Typography/Text/Text";
 import { TooltipContainer } from "../Tooltip/TooltipContainer";
 import { ModalRootContext } from "../ModalRoot/ModalRootContext";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
 import { Spacing } from "../Spacing/Spacing";
+import { SizeXConditionalRender } from "../SizeXConditionalRender/SizeXConditionalRender";
 
 var PanelHeaderIn = function PanelHeaderIn(_ref) {
   var before = _ref.before,
@@ -37,25 +38,25 @@ var PanelHeaderIn = function PanelHeaderIn(_ref) {
     vkuiClass: "PanelHeader__before"
   }, before), createScopedElement("div", {
     vkuiClass: "PanelHeader__content"
-  }, platform === VKCOM ? createScopedElement(Text, {
+  }, platform === Platform.VKCOM ? createScopedElement(Text, {
     weight: "2"
   }, children) : createScopedElement("span", {
     vkuiClass: "PanelHeader__content-in"
   }, children)), createScopedElement("div", {
     vkuiClass: "PanelHeader__after"
-  }, (webviewType === WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === VKCOM && createScopedElement(Separator, {
+  }, (webviewType === WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === Platform.VKCOM && createScopedElement(Separator, {
     wide: true
   }));
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeader
+ */
 
-var warn = warnOnce("PanelHeader");
 
-var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
-  var propsBefore = _ref2.before,
-      left = _ref2.left,
-      propsAfter = _ref2.after,
-      right = _ref2.right,
+export var PanelHeader = function PanelHeader(_ref2) {
+  var before = _ref2.before,
       children = _ref2.children,
+      after = _ref2.after,
       _ref2$separator = _ref2.separator,
       separator = _ref2$separator === void 0 ? true : _ref2$separator,
       _ref2$visor = _ref2.visor,
@@ -65,8 +66,6 @@ var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
       shadow = _ref2.shadow,
       getRef = _ref2.getRef,
       getRootRef = _ref2.getRootRef,
-      sizeX = _ref2.sizeX,
-      sizeY = _ref2.sizeY,
       fixed = _ref2.fixed,
       restProps = _objectWithoutProperties(_ref2, _excluded);
 
@@ -78,44 +77,30 @@ var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
   var _React$useContext4 = React.useContext(ModalRootContext),
       isInsideModal = _React$useContext4.isInsideModal;
 
-  var needShadow = shadow && sizeX === SizeType.REGULAR;
-  var isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM; // TODO: удалить перед 5.0.0
-
-  var before = propsBefore !== null && propsBefore !== void 0 ? propsBefore : left;
-  var after = propsAfter !== null && propsAfter !== void 0 ? propsAfter : right;
-
-  if (process.env.NODE_ENV === "development") {
-    right && warn("Свойство right устарелo и будет удалено в 5.0.0. Используйте after.");
-    left && warn("Свойство left устарелo и будет удалено в 5.0.0. Используйте before.");
-  } // /end TODO
+  var _useAdaptivity = useAdaptivity(),
+      sizeX = _useAdaptivity.sizeX;
 
-
-  var innerProps = {
-    before: before,
-    after: after,
-    separator: separator,
-    children: children
-  };
+  var isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName("PanelHeader", platform), transparent && "PanelHeader--trnsp", needShadow && "PanelHeader--shadow", visor && "PanelHeader--vis", separator && visor && "PanelHeader--sep", webviewType === WebviewType.VKAPPS && !isInsideModal && "PanelHeader--vkapps", !before && "PanelHeader--no-before", !after && "PanelHeader--no-after", isFixed && "PanelHeader--fixed", // TODO v5.0.0 поправить под новую адаптивность
-    "PanelHeader--sizeX-".concat(sizeX)),
+    vkuiClass: classNames("PanelHeader", getPlatformClassName("PanelHeader", platform), transparent && "PanelHeader--trnsp", shadow && "PanelHeader--shadow", visor && "PanelHeader--vis", separator && visor && "PanelHeader--sep", webviewType === WebviewType.VKAPPS && !isInsideModal && "PanelHeader--vkapps", !before && "PanelHeader--no-before", !after && "PanelHeader--no-after", isFixed && "PanelHeader--fixed", getSizeXClassName("PanelHeader", sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? createScopedElement(FixedLayout, {
     vkuiClass: "PanelHeader__fixed",
     vertical: "top",
     getRootRef: getRef
-  }, createScopedElement(PanelHeaderIn, innerProps)) : createScopedElement(PanelHeaderIn, innerProps), separator && visor && platform !== VKCOM && (sizeX === SizeType.REGULAR ? createScopedElement(Spacing, {
-    size: 16
-  }) : createScopedElement(Separator, null)));
+  }, createScopedElement(PanelHeaderIn, {
+    before: before,
+    after: after,
+    separator: separator
+  }, children)) : createScopedElement(PanelHeaderIn, {
+    before: before,
+    after: after,
+    separator: separator
+  }, children), separator && visor && platform !== Platform.VKCOM && createScopedElement(SizeXConditionalRender, {
+    compact: createScopedElement(Separator, null),
+    regular: createScopedElement(Spacing, {
+      size: 16
+    })
+  }));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeader
- */
-
-
-export var PanelHeader = withAdaptivity(PanelHeaderComponent, {
-  sizeX: true,
-  sizeY: true
-});
-PanelHeader.displayName = "PanelHeader";
 //# sourceMappingURL=PanelHeader.js.map

package/dist/components/PanelHeader/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","names":["React","usePlatform","getClassName","classNames","warnOnce","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","Text","TooltipContainer","ModalRootContext","Spacing","PanelHeaderIn","before","after","separator","children","useContext","webviewType","isInsideModal","platform","INTERNAL","warn","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","process","env","NODE_ENV","innerProps","VKAPPS","PanelHeader","displayName"],"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  before?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `before`\n   */\n  left?: React.ReactNode;\n  after?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `after`\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n}: PanelHeaderProps) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n        <div vkuiClass=\"PanelHeader__before\">{before}</div>\n        <div vkuiClass=\"PanelHeader__content\">\n          {platform === VKCOM ? (\n            <Text weight=\"2\">{children}</Text>\n          ) : (\n            <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n          )}\n        </div>\n        <div vkuiClass=\"PanelHeader__after\">\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === VKCOM && <Separator wide />}\n    </React.Fragment>\n  );\n};\n\nconst warn = warnOnce(\"PanelHeader\");\nconst PanelHeaderComponent = ({\n  // TODO: поправить перед 5.0.0\n  before: propsBefore,\n  left,\n  after: propsAfter,\n  right,\n  // /end TODO\n  children,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  sizeX,\n  sizeY,\n  fixed,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  // TODO: удалить перед 5.0.0\n  const before = propsBefore ?? left;\n  const after = propsAfter ?? right;\n\n  if (process.env.NODE_ENV === \"development\") {\n    right &&\n      warn(\n        \"Свойство right устарелo и будет удалено в 5.0.0. Используйте after.\"\n      );\n    left &&\n      warn(\n        \"Свойство left устарелo и будет удалено в 5.0.0. Используйте before.\"\n      );\n  }\n  // /end TODO\n\n  const innerProps = { before, after, separator, children };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        transparent && \"PanelHeader--trnsp\",\n        needShadow && \"PanelHeader--shadow\",\n        visor && \"PanelHeader--vis\",\n        separator && visor && \"PanelHeader--sep\",\n        webviewType === WebviewType.VKAPPS &&\n          !isInsideModal &&\n          \"PanelHeader--vkapps\",\n        !before && \"PanelHeader--no-before\",\n        !after && \"PanelHeader--no-after\",\n        isFixed && \"PanelHeader--fixed\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...innerProps} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...innerProps} />\n      )}\n      {separator &&\n        visor &&\n        platform !== VKCOM &&\n        (sizeX === SizeType.REGULAR ? <Spacing size={16} /> : <Separator />)}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = withAdaptivity(PanelHeaderComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n"],"mappings":"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"}
+{"version":3,"file":"PanelHeader.js","names":["React","usePlatform","getPlatformClassName","getSizeXClassName","classNames","FixedLayout","Separator","Platform","ConfigProviderContext","WebviewType","Text","TooltipContainer","ModalRootContext","useAdaptivity","Spacing","SizeXConditionalRender","PanelHeaderIn","before","after","separator","children","useContext","webviewType","isInsideModal","platform","VKCOM","INTERNAL","PanelHeader","visor","transparent","shadow","getRef","getRootRef","fixed","restProps","sizeX","isFixed","undefined","VKAPPS"],"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getPlatformClassName } from \"../../helpers/getPlatformClassName\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport { SizeXConditionalRender } from \"../SizeXConditionalRender/SizeXConditionalRender\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n}: PanelHeaderProps) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n        <div vkuiClass=\"PanelHeader__before\">{before}</div>\n        <div vkuiClass=\"PanelHeader__content\">\n          {platform === Platform.VKCOM ? (\n            <Text weight=\"2\">{children}</Text>\n          ) : (\n            <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n          )}\n        </div>\n        <div vkuiClass=\"PanelHeader__after\">\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === Platform.VKCOM && <Separator wide />}\n    </React.Fragment>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = ({\n  before,\n  children,\n  after,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  fixed,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX } = useAdaptivity();\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"PanelHeader\",\n        getPlatformClassName(\"PanelHeader\", platform),\n        transparent && \"PanelHeader--trnsp\",\n        shadow && \"PanelHeader--shadow\",\n        visor && \"PanelHeader--vis\",\n        separator && visor && \"PanelHeader--sep\",\n        webviewType === WebviewType.VKAPPS &&\n          !isInsideModal &&\n          \"PanelHeader--vkapps\",\n        !before && \"PanelHeader--no-before\",\n        !after && \"PanelHeader--no-after\",\n        isFixed && \"PanelHeader--fixed\",\n        getSizeXClassName(\"PanelHeader\", sizeX)\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn before={before} after={after} separator={separator}>\n            {children}\n          </PanelHeaderIn>\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn before={before} after={after} separator={separator}>\n          {children}\n        </PanelHeaderIn>\n      )}\n      {separator && visor && platform !== Platform.VKCOM && (\n        <SizeXConditionalRender\n          compact={<Separator />}\n          regular={<Spacing size={16} />}\n        />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts

@@ -1,12 +1,10 @@
-import * as React from "react";
+/// <reference types="react" />
 import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
-import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./PanelHeaderBack.css";
-export declare type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {
+export declare type PanelHeaderBackProps = PanelHeaderButtonProps & {
     "aria-label"?: string;
 };
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
  */
-export declare const PanelHeaderBackComponent: ({ label, sizeX, "aria-label": ariaLabel, ...restProps }: PanelHeaderButtonProps & AdaptivityProps) => JSX.Element;
-export declare const PanelHeaderBack: React.NamedExoticComponent<Pick<PanelHeaderButtonProps & AdaptivityProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "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" | "list" | "classID" | "useMap" | "wmode" | "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" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "primary"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const PanelHeaderBack: ({ label, "aria-label": ariaLabel, ...restProps }: PanelHeaderButtonProps) => JSX.Element;