@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","useAdaptivity","sizeY","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","classNames","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":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","useAdaptivity","sizeY","pages","usePagination","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","classNames","getSizeYClassName","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/cjs/components/Panel/Panel.js

@@ -13,40 +13,44 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
+
 var _classNames = require("../../lib/classNames");
 
 var _Touch = require("../Touch/Touch");
 
 var _TooltipContainer = require("../Tooltip/TooltipContainer");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _platform = require("../../lib/platform");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _excluded = ["centered", "children", "getRootRef", "sizeX", "nav"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _excluded = ["centered", "children", "getRootRef", "nav"];
 
 /**
  * @see https://vkcom.github.io/VKUI/#/Panel
  */
-var Panel = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
+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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX;
+
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Panel", platform === _platform.IOS && "Panel--ios", platform === _platform.VKCOM && "Panel--vkcom", // TODO v5.0.0 поправить под новую адаптивность
-    "Panel--sizeX-".concat(sizeX), centered && "Panel--centered")
+    vkuiClass: (0, _classNames.classNames)("Panel", platform === _platform.Platform.IOS && "Panel--ios", platform === _platform.Platform.VKCOM && "Panel--vkcom", (0, _getSizeXClassName.getSizeXClassName)("Panel", sizeX), centered && "Panel--centered")
   }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     Component: _TooltipContainer.TooltipContainer,
     vkuiClass: "Panel__in"
-  }, platform === _platform.IOS && (0, _jsxRuntime.createScopedElement)("div", {
+  }, platform === _platform.Platform.IOS && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Panel__fade"
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Panel__in-before"
@@ -55,9 +59,7 @@ var Panel = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   }, children) : children, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Panel__in-after"
   })));
-}, {
-  sizeX: true
-});
+};
+
 exports.Panel = Panel;
-Panel.displayName = "Panel";
 //# sourceMappingURL=Panel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","names":["Panel","withAdaptivity","centered","children","getRootRef","sizeX","nav","restProps","platform","usePlatform","classNames","IOS","VKCOM","TooltipContainer","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;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAgBA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,IAAAC,8BAAA,EACnB,gBAA0E;EAAA,yBAAvEC,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,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,uEACMF,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAE,IAAAM,sBAAA,EACT,OADS,EAETF,QAAQ,KAAKG,aAAb,IAAoB,YAFX,EAGTH,QAAQ,KAAKI,eAAb,IAAsB,cAHb,EAIT;IAJS,uBAKOP,KALP,GAMTH,QAAQ,IAAI,iBANH;EAHb,IAYE,qCAAC,YAAD;IAAO,SAAS,EAAEW,kCAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGL,QAAQ,KAAKG,aAAb,IAAoB;IAAK,SAAS,EAAC;EAAf,EADvB,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGT,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAZF,CADF;AAyBD,CA7BkB,EA8BnB;EACEE,KAAK,EAAE;AADT,CA9BmB,CAAd;;AAmCPL,KAAK,CAACc,WAAN,GAAoB,OAApB"}
+{"version":3,"file":"Panel.js","names":["Panel","centered","children","getRootRef","nav","restProps","platform","usePlatform","useAdaptivity","sizeX","classNames","Platform","IOS","VKCOM","getSizeXClassName","TooltipContainer"],"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;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;AAUA;AACA;AACA;AACO,IAAMA,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,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,uEACMJ,SADN;IAEE,GAAG,EAAEF,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EACT,OADS,EAETJ,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,IAA6B,YAFpB,EAGTN,QAAQ,KAAKK,kBAAA,CAASE,KAAtB,IAA+B,cAHtB,EAIT,IAAAC,oCAAA,EAAkB,OAAlB,EAA2BL,KAA3B,CAJS,EAKTR,QAAQ,IAAI,iBALH;EAHb,IAWE,qCAAC,YAAD;IAAO,SAAS,EAAEc,kCAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGT,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,IAA6B;IAAK,SAAS,EAAC;EAAf,EADhC,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGX,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAXF,CADF;AAwBD,CAlCM"}

package/dist/cjs/components/PanelHeader/PanelHeader.js

@@ -19,11 +19,11 @@ var React = _interopRequireWildcard(require("react"));
 
 var _usePlatform = require("../../hooks/usePlatform");
 
-var _getClassName = require("../../helpers/getClassName");
+var _getPlatformClassName = require("../../helpers/getPlatformClassName");
 
-var _classNames = require("../../lib/classNames");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 
-var _warnOnce = require("../../lib/warnOnce");
+var _classNames = require("../../lib/classNames");
 
 var _FixedLayout = require("../FixedLayout/FixedLayout");
 
@@ -33,17 +33,19 @@ var _platform = require("../../lib/platform");
 
 var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-
 var _Text = require("../Typography/Text/Text");
 
 var _TooltipContainer = require("../Tooltip/TooltipContainer");
 
 var _ModalRootContext = require("../ModalRoot/ModalRootContext");
 
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
 var _Spacing = require("../Spacing/Spacing");
 
-var _excluded = ["before", "left", "after", "right", "children", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
+var _SizeXConditionalRender = require("../SizeXConditionalRender/SizeXConditionalRender");
+
+var _excluded = ["before", "children", "after", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "fixed"];
 
 var PanelHeaderIn = function PanelHeaderIn(_ref) {
   var before = _ref.before,
@@ -65,25 +67,25 @@ var PanelHeaderIn = function PanelHeaderIn(_ref) {
     vkuiClass: "PanelHeader__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeader__content"
-  }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.Text, {
+  }, platform === _platform.Platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.Text, {
     weight: "2"
   }, children) : (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "PanelHeader__content-in"
   }, children)), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeader__after"
-  }, (webviewType === _ConfigProviderContext.WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_Separator.Separator, {
+  }, (webviewType === _ConfigProviderContext.WebviewType.INTERNAL || isInsideModal) && after)), separator && platform === _platform.Platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_Separator.Separator, {
     wide: true
   }));
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/PanelHeader
+ */
 
-var warn = (0, _warnOnce.warnOnce)("PanelHeader");
 
-var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
-  var propsBefore = _ref2.before,
-      left = _ref2.left,
-      propsAfter = _ref2.after,
-      right = _ref2.right,
+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,
@@ -93,8 +95,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 = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
@@ -105,45 +105,32 @@ var PanelHeaderComponent = function PanelHeaderComponent(_ref2) {
   var _React$useContext4 = React.useContext(_ModalRootContext.ModalRootContext),
       isInsideModal = _React$useContext4.isInsideModal;
 
-  var needShadow = shadow && sizeX === _withAdaptivity.SizeType.REGULAR;
-  var isFixed = fixed !== undefined ? fixed : platform !== _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;
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX;
 
-  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 innerProps = {
-    before: before,
-    after: after,
-    separator: separator,
-    children: children
-  };
+  var isFixed = fixed !== undefined ? fixed : platform !== _platform.Platform.VKCOM;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeader", platform), transparent && "PanelHeader--trnsp", needShadow && "PanelHeader--shadow", visor && "PanelHeader--vis", separator && visor && "PanelHeader--sep", webviewType === _ConfigProviderContext.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: (0, _classNames.classNames)("PanelHeader", (0, _getPlatformClassName.getPlatformClassName)("PanelHeader", platform), transparent && "PanelHeader--trnsp", shadow && "PanelHeader--shadow", visor && "PanelHeader--vis", separator && visor && "PanelHeader--sep", webviewType === _ConfigProviderContext.WebviewType.VKAPPS && !isInsideModal && "PanelHeader--vkapps", !before && "PanelHeader--no-before", !after && "PanelHeader--no-after", isFixed && "PanelHeader--fixed", (0, _getSizeXClassName.getSizeXClassName)("PanelHeader", sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? (0, _jsxRuntime.createScopedElement)(_FixedLayout.FixedLayout, {
     vkuiClass: "PanelHeader__fixed",
     vertical: "top",
     getRootRef: getRef
-  }, (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, innerProps)) : (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, innerProps), separator && visor && platform !== _platform.VKCOM && (sizeX === _withAdaptivity.SizeType.REGULAR ? (0, _jsxRuntime.createScopedElement)(_Spacing.Spacing, {
-    size: 16
-  }) : (0, _jsxRuntime.createScopedElement)(_Separator.Separator, null)));
+  }, (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, {
+    before: before,
+    after: after,
+    separator: separator
+  }, children)) : (0, _jsxRuntime.createScopedElement)(PanelHeaderIn, {
+    before: before,
+    after: after,
+    separator: separator
+  }, children), separator && visor && platform !== _platform.Platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_SizeXConditionalRender.SizeXConditionalRender, {
+    compact: (0, _jsxRuntime.createScopedElement)(_Separator.Separator, null),
+    regular: (0, _jsxRuntime.createScopedElement)(_Spacing.Spacing, {
+      size: 16
+    })
+  }));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeader
- */
 
-
-var PanelHeader = (0, _withAdaptivity.withAdaptivity)(PanelHeaderComponent, {
-  sizeX: true,
-  sizeY: true
-});
 exports.PanelHeader = PanelHeader;
-PanelHeader.displayName = "PanelHeader";
 //# sourceMappingURL=PanelHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.js","names":["PanelHeaderIn","before","after","separator","children","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","usePlatform","VKCOM","WebviewType","INTERNAL","warn","warnOnce","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","process","env","NODE_ENV","innerProps","classNames","getClassName","VKAPPS","PanelHeader","withAdaptivity","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":["PanelHeaderIn","before","after","separator","children","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","usePlatform","Platform","VKCOM","WebviewType","INTERNAL","PanelHeader","visor","transparent","shadow","getRef","getRootRef","fixed","restProps","useAdaptivity","sizeX","isFixed","undefined","classNames","getPlatformClassName","VKAPPS","getSizeXClassName"],"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/cjs/components/PanelHeaderBack/PanelHeaderBack.js

@@ -2,12 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PanelHeaderBackComponent = exports.PanelHeaderBack = void 0;
+exports.PanelHeaderBack = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
@@ -15,44 +13,56 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var React = _interopRequireWildcard(require("react"));
-
 var _icons = require("@vkontakte/icons");
 
 var _PanelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
 
 var _platform = require("../../lib/platform");
 
-var _usePlatform = require("../../hooks/usePlatform");
+var _getSizeXClassName = require("../../helpers/getSizeXClassName");
 
-var _withAdaptivity = require("../../hoc/withAdaptivity");
+var _usePlatform = require("../../hooks/usePlatform");
 
 var _classNames = require("../../lib/classNames");
 
-var _excluded = ["label", "sizeX", "aria-label"];
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
+var _excluded = ["label", "aria-label"];
 
 /**
  * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack
  */
-var PanelHeaderBackComponent = function PanelHeaderBackComponent(_ref) {
+var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var label = _ref.label,
-      sizeX = _ref.sizeX,
       _ref$ariaLabel = _ref["aria-label"],
       ariaLabel = _ref$ariaLabel === void 0 ? "Назад" : _ref$ariaLabel,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var showLabel = platform === _platform.VKCOM || platform === _platform.IOS && sizeX === _withAdaptivity.SizeType.REGULAR;
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeX = _useAdaptivity.sizeX; // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular
+  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104
+
+
+  var showLabel = platform === _platform.Platform.VKCOM || platform === _platform.Platform.IOS;
+  var icon = (0, _jsxRuntime.createScopedElement)(_icons.Icon28ArrowLeftOutline, null);
+
+  switch (platform) {
+    case _platform.Platform.IOS:
+      icon = (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronBack, null);
+      break;
+
+    case _platform.Platform.VKCOM:
+      icon = (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronLeftOutline, null);
+      break;
+  }
+
   return (0, _jsxRuntime.createScopedElement)(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({}, restProps, {
-    "aria-label": ariaLabel,
-    vkuiClass: (0, _classNames.classNames)("PanelHeaderBack", platform === _platform.IOS && "PanelHeaderBack--ios", platform === _platform.VKCOM && "PanelHeaderBack--vkcom", showLabel && !!label && "PanelHeaderBack--has-label"),
-    label: showLabel && label
-  }), platform === _platform.ANDROID && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ArrowLeftOutline, null), platform === _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronLeftOutline, null), platform === _platform.IOS && (0, _jsxRuntime.createScopedElement)(_icons.Icon28ChevronBack, null));
+    vkuiClass: (0, _classNames.classNames)("PanelHeaderBack", (0, _getSizeXClassName.getSizeXClassName)("PanelHeaderBack", sizeX), platform === _platform.Platform.IOS && "PanelHeaderBack--ios", platform === _platform.Platform.VKCOM && "PanelHeaderBack--vkcom", showLabel && !!label && "PanelHeaderBack--has-label"),
+    label: showLabel && label,
+    "aria-label": ariaLabel
+  }), icon);
 };
 
-exports.PanelHeaderBackComponent = PanelHeaderBackComponent;
-var PanelHeaderBack = /*#__PURE__*/React.memo((0, _withAdaptivity.withAdaptivity)(PanelHeaderBackComponent, {
-  sizeX: true
-}));
 exports.PanelHeaderBack = PanelHeaderBack;
-PanelHeaderBack.displayName = "PanelHeaderBack";
 //# sourceMappingURL=PanelHeaderBack.js.map

package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderBack.js","names":["PanelHeaderBackComponent","label","sizeX","ariaLabel","restProps","platform","usePlatform","showLabel","VKCOM","IOS","SizeType","REGULAR","classNames","ANDROID","PanelHeaderBack","React","memo","withAdaptivity","displayName"],"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n  Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  SizeType,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n  AdaptivityProps & {\n    \"aria-label\"?: string;\n  };\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBackComponent = ({\n  label,\n  sizeX,\n  \"aria-label\": ariaLabel = \"Назад\",\n  ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const showLabel =\n    platform === VKCOM || (platform === IOS && sizeX === SizeType.REGULAR);\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      aria-label={ariaLabel}\n      vkuiClass={classNames(\n        \"PanelHeaderBack\",\n        platform === IOS && \"PanelHeaderBack--ios\",\n        platform === VKCOM && \"PanelHeaderBack--vkcom\",\n        showLabel && !!label && \"PanelHeaderBack--has-label\"\n      )}\n      label={showLabel && label}\n    >\n      {platform === ANDROID && <Icon28ArrowLeftOutline />}\n      {platform === VKCOM && <Icon28ChevronLeftOutline />}\n      {platform === IOS && <Icon28ChevronBack />}\n    </PanelHeaderButton>\n  );\n};\n\nexport const PanelHeaderBack = React.memo(\n  withAdaptivity(PanelHeaderBackComponent, {\n    sizeX: true,\n  })\n);\n\nPanelHeaderBack.displayName = \"PanelHeaderBack\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAKA;;AAIA;;AACA;;AACA;;AAKA;;;;AAQA;AACA;AACA;AACO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAKQ;EAAA,IAJ9CC,KAI8C,QAJ9CA,KAI8C;EAAA,IAH9CC,KAG8C,QAH9CA,KAG8C;EAAA,0BAF9C,YAE8C;EAAA,IAFhCC,SAEgC,+BAFpB,OAEoB;EAAA,IAD3CC,SAC2C;EAC9C,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,SAAS,GACbF,QAAQ,KAAKG,eAAb,IAAuBH,QAAQ,KAAKI,aAAb,IAAoBP,KAAK,KAAKQ,wBAAA,CAASC,OADhE;EAGA,OACE,qCAAC,oCAAD,6BACMP,SADN;IAEE,cAAYD,SAFd;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,iBADS,EAETP,QAAQ,KAAKI,aAAb,IAAoB,sBAFX,EAGTJ,QAAQ,KAAKG,eAAb,IAAsB,wBAHb,EAITD,SAAS,IAAI,CAAC,CAACN,KAAf,IAAwB,4BAJf,CAHb;IASE,KAAK,EAAEM,SAAS,IAAIN;EATtB,IAWGI,QAAQ,KAAKQ,iBAAb,IAAwB,qCAAC,6BAAD,OAX3B,EAYGR,QAAQ,KAAKG,eAAb,IAAsB,qCAAC,+BAAD,OAZzB,EAaGH,QAAQ,KAAKI,aAAb,IAAoB,qCAAC,wBAAD,OAbvB,CADF;AAiBD,CA3BM;;;AA6BA,IAAMK,eAAe,gBAAGC,KAAK,CAACC,IAAN,CAC7B,IAAAC,8BAAA,EAAejB,wBAAf,EAAyC;EACvCE,KAAK,EAAE;AADgC,CAAzC,CAD6B,CAAxB;;AAMPY,eAAe,CAACI,WAAhB,GAA8B,iBAA9B"}
+{"version":3,"file":"PanelHeaderBack.js","names":["PanelHeaderBack","label","ariaLabel","restProps","platform","usePlatform","useAdaptivity","sizeX","showLabel","Platform","VKCOM","IOS","icon","classNames","getSizeXClassName"],"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import {\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n  Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { Platform } from \"../../lib/platform\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & {\n  \"aria-label\"?: string;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBack = ({\n  label,\n  \"aria-label\": ariaLabel = \"Назад\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  const { sizeX } = useAdaptivity();\n  // так-же label нужно скрывать при platform === Platform.IOS && sizeX === regular\n  // https://github.com/VKCOM/VKUI/blob/master/src/components/PanelHeaderButton/PanelHeaderButton.css#L104\n  const showLabel = platform === Platform.VKCOM || platform === Platform.IOS;\n\n  let icon = <Icon28ArrowLeftOutline />;\n  switch (platform) {\n    case Platform.IOS:\n      icon = <Icon28ChevronBack />;\n      break;\n    case Platform.VKCOM:\n      icon = <Icon28ChevronLeftOutline />;\n      break;\n  }\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      vkuiClass={classNames(\n        \"PanelHeaderBack\",\n        getSizeXClassName(\"PanelHeaderBack\", sizeX),\n        platform === Platform.IOS && \"PanelHeaderBack--ios\",\n        platform === Platform.VKCOM && \"PanelHeaderBack--vkcom\",\n        showLabel && !!label && \"PanelHeaderBack--has-label\"\n      )}\n      label={showLabel && label}\n      aria-label={ariaLabel}\n    >\n      {icon}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAKA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAID;EAAA,IAH5BC,KAG4B,QAH5BA,KAG4B;EAAA,0BAF5B,YAE4B;EAAA,IAFdC,SAEc,+BAFF,OAEE;EAAA,IADzBC,SACyB;EAC5B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR,CAF4B,CAG5B;EACA;;;EACA,IAAMC,SAAS,GAAGJ,QAAQ,KAAKK,kBAAA,CAASC,KAAtB,IAA+BN,QAAQ,KAAKK,kBAAA,CAASE,GAAvE;EAEA,IAAIC,IAAI,GAAG,qCAAC,6BAAD,OAAX;;EACA,QAAQR,QAAR;IACE,KAAKK,kBAAA,CAASE,GAAd;MACEC,IAAI,GAAG,qCAAC,wBAAD,OAAP;MACA;;IACF,KAAKH,kBAAA,CAASC,KAAd;MACEE,IAAI,GAAG,qCAAC,+BAAD,OAAP;MACA;EANJ;;EASA,OACE,qCAAC,oCAAD,6BACMT,SADN;IAEE,SAAS,EAAE,IAAAU,sBAAA,EACT,iBADS,EAET,IAAAC,oCAAA,EAAkB,iBAAlB,EAAqCP,KAArC,CAFS,EAGTH,QAAQ,KAAKK,kBAAA,CAASE,GAAtB,IAA6B,sBAHpB,EAITP,QAAQ,KAAKK,kBAAA,CAASC,KAAtB,IAA+B,wBAJtB,EAKTF,SAAS,IAAI,CAAC,CAACP,KAAf,IAAwB,4BALf,CAFb;IASE,KAAK,EAAEO,SAAS,IAAIP,KATtB;IAUE,cAAYC;EAVd,IAYGU,IAZH,CADF;AAgBD,CArCM"}

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js

@@ -38,7 +38,7 @@ var ButtonTypography = function ButtonTypography(_ref) {
       children = _ref.children;
   var platform = (0, _usePlatform.usePlatform)();
 
-  if (platform === _platform.IOS) {
+  if (platform === _platform.Platform.IOS) {
     return (0, _jsxRuntime.createScopedElement)(_Title.Title, {
       Component: "span",
       level: "3",
@@ -47,7 +47,7 @@ var ButtonTypography = function ButtonTypography(_ref) {
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Text.Text, {
-    weight: platform === _platform.VKCOM ? undefined : "2"
+    weight: platform === _platform.Platform.VKCOM ? undefined : "2"
   }, children);
 };
 
@@ -69,19 +69,19 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
   var activeMode;
 
   switch (platform) {
-    case _platform.ANDROID:
-      hoverMode = "background";
-      activeMode = "background";
-      break;
-
-    case _platform.IOS:
+    case _platform.Platform.IOS:
       hoverMode = "background";
       activeMode = "opacity";
       break;
 
-    case _platform.VKCOM:
+    case _platform.Platform.VKCOM:
       hoverMode = "PanelHeaderButton--hover";
       activeMode = "PanelHeaderButton--active";
+      break;
+
+    default:
+      hoverMode = "background";
+      activeMode = "background";
   }
 
   if (process.env.NODE_ENV === "development") {
@@ -100,9 +100,11 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeaderButton", platform), primary && "PanelHeaderButton--primary", isPrimitive && "PanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "PanelHeaderButton--notPrimitive")
   }), isPrimitive ? (0, _jsxRuntime.createScopedElement)(ButtonTypography, {
     primary: primary
-  }, children) : children, isPrimitiveLabel ? (0, _jsxRuntime.createScopedElement)(ButtonTypography, {
+  }, children) : children, (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "PanelHeaderButton__label"
+  }, isPrimitiveLabel ? (0, _jsxRuntime.createScopedElement)(ButtonTypography, {
     primary: primary
-  }, label) : label);
+  }, label) : label));
 };
 
 exports.PanelHeaderButton = PanelHeaderButton;

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.js","names":["ButtonTypography","primary","children","platform","usePlatform","IOS","VKCOM","undefined","warn","warnOnce","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","ANDROID","process","env","NODE_ENV","hasAccessibleName","Boolean","getTitleFromChildren","href","classNames","getClassName"],"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, \"label\"> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps[\"primary\"];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? \"1\" : \"3\"}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === VKCOM ? undefined : \"2\"}>{children}</Text>;\n};\n\nconst warn = warnOnce(\"PanelHeaderButton\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case ANDROID:\n      hoverMode = \"background\";\n      activeMode = \"background\";\n      break;\n    case IOS:\n      hoverMode = \"background\";\n      activeMode = \"opacity\";\n      break;\n    case VKCOM:\n      hoverMode = \"PanelHeaderButton--hover\";\n      activeMode = \"PanelHeaderButton--active\";\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps[\"aria-label\"] ||\n        restProps[\"aria-labelledby\"]\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        \"a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.\",\n        \"error\"\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      hoverMode={hoverMode}\n      Component={restProps.href ? \"a\" : \"button\"}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeaderButton\", platform),\n        primary && \"PanelHeaderButton--primary\",\n        isPrimitive && \"PanelHeaderButton--primitive\",\n        !isPrimitive && !isPrimitiveLabel && \"PanelHeaderButton--notPrimitive\"\n      )}\n    >\n      {isPrimitive ? (\n        <ButtonTypography primary={primary}>{children}</ButtonTypography>\n      ) : (\n        children\n      )}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary}>{label}</ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EACzE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAID,QAAQ,KAAKE,aAAjB,EAAsB;IACpB,OACE,qCAAC,YAAD;MAAO,SAAS,EAAC,MAAjB;MAAwB,KAAK,EAAC,GAA9B;MAAkC,MAAM,EAAEJ,OAAO,GAAG,GAAH,GAAS;IAA1D,GACGC,QADH,CADF;EAKD;;EAED,OAAO,qCAAC,UAAD;IAAM,MAAM,EAAEC,QAAQ,KAAKG,eAAb,GAAqBC,SAArB,GAAiC;EAA/C,GAAqDL,QAArD,CAAP;AACD,CAZD;;AAcA,IAAMM,IAAI,GAAG,IAAAC,kBAAA,EAAS,mBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;EAAA,IAJ5BR,QAI4B,SAJ5BA,QAI4B;EAAA,0BAH5BD,OAG4B;EAAA,IAH5BA,OAG4B,8BAHlB,KAGkB;EAAA,IAF5BU,KAE4B,SAF5BA,KAE4B;EAAA,IADzBC,SACyB;EAC5B,IAAMC,WAAW,GAAG,IAAAC,2BAAA,EAAqBZ,QAArB,CAApB;EACA,IAAMa,gBAAgB,GAAG,IAAAD,2BAAA,EAAqBH,KAArB,CAAzB;EACA,IAAMR,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIY,SAAJ;EACA,IAAIC,UAAJ;;EAEA,QAAQd,QAAR;IACE,KAAKe,iBAAL;MACEF,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,YAAb;MACA;;IACF,KAAKZ,aAAL;MACEW,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,SAAb;MACA;;IACF,KAAKX,eAAL;MACEU,SAAS,GAAG,0BAAZ;MACAC,UAAU,GAAG,2BAAb;EAXJ;;EAcA,IAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IAAMC,iBAAiB,GAAGC,OAAO,CAC/B,IAAAC,2BAAA,EAAqBtB,QAArB,KACE,IAAAsB,2BAAA,EAAqBb,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;IAOA,IAAI,CAACU,iBAAL,EAAwB;MACtBd,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;IAID;EACF;;EAED,OACE,qCAAC,kBAAD,6BACMI,SADN;IAEE,SAAS,EAAEI,SAFb;IAGE,SAAS,EAAEJ,SAAS,CAACa,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;IAIE,iBAAiB,EAAE,GAJrB;IAKE,UAAU,EAAER,UALd;IAME,SAAS,EAAE,IAAAS,sBAAA,EACT,IAAAC,0BAAA,EAAa,mBAAb,EAAkCxB,QAAlC,CADS,EAETF,OAAO,IAAI,4BAFF,EAGTY,WAAW,IAAI,8BAHN,EAIT,CAACA,WAAD,IAAgB,CAACE,gBAAjB,IAAqC,iCAJ5B;EANb,IAaGF,WAAW,GACV,qCAAC,gBAAD;IAAkB,OAAO,EAAEZ;EAA3B,GAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGa,gBAAgB,GACf,qCAAC,gBAAD;IAAkB,OAAO,EAAEd;EAA3B,GAAqCU,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM"}
+{"version":3,"file":"PanelHeaderButton.js","names":["ButtonTypography","primary","children","platform","usePlatform","Platform","IOS","VKCOM","undefined","warn","warnOnce","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","getTitleFromChildren","href","classNames","getClassName"],"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, \"label\"> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps[\"primary\"];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === Platform.IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? \"1\" : \"3\"}>\n        {children}\n      </Title>\n    );\n  }\n\n  return (\n    <Text weight={platform === Platform.VKCOM ? undefined : \"2\"}>\n      {children}\n    </Text>\n  );\n};\n\nconst warn = warnOnce(\"PanelHeaderButton\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case Platform.IOS:\n      hoverMode = \"background\";\n      activeMode = \"opacity\";\n      break;\n    case Platform.VKCOM:\n      hoverMode = \"PanelHeaderButton--hover\";\n      activeMode = \"PanelHeaderButton--active\";\n      break;\n    default:\n      hoverMode = \"background\";\n      activeMode = \"background\";\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps[\"aria-label\"] ||\n        restProps[\"aria-labelledby\"]\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        \"a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.\",\n        \"error\"\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      hoverMode={hoverMode}\n      Component={restProps.href ? \"a\" : \"button\"}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeaderButton\", platform),\n        primary && \"PanelHeaderButton--primary\",\n        isPrimitive && \"PanelHeaderButton--primitive\",\n        !isPrimitive && !isPrimitiveLabel && \"PanelHeaderButton--notPrimitive\"\n      )}\n    >\n      {isPrimitive ? (\n        <ButtonTypography primary={primary}>{children}</ButtonTypography>\n      ) : (\n        children\n      )}\n      <div vkuiClass=\"PanelHeaderButton__label\">\n        {isPrimitiveLabel ? (\n          <ButtonTypography primary={primary}>{label}</ButtonTypography>\n        ) : (\n          label\n        )}\n      </div>\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EACzE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAID,QAAQ,KAAKE,kBAAA,CAASC,GAA1B,EAA+B;IAC7B,OACE,qCAAC,YAAD;MAAO,SAAS,EAAC,MAAjB;MAAwB,KAAK,EAAC,GAA9B;MAAkC,MAAM,EAAEL,OAAO,GAAG,GAAH,GAAS;IAA1D,GACGC,QADH,CADF;EAKD;;EAED,OACE,qCAAC,UAAD;IAAM,MAAM,EAAEC,QAAQ,KAAKE,kBAAA,CAASE,KAAtB,GAA8BC,SAA9B,GAA0C;EAAxD,GACGN,QADH,CADF;AAKD,CAhBD;;AAkBA,IAAMO,IAAI,GAAG,IAAAC,kBAAA,EAAS,mBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;EAAA,IAJ5BT,QAI4B,SAJ5BA,QAI4B;EAAA,0BAH5BD,OAG4B;EAAA,IAH5BA,OAG4B,8BAHlB,KAGkB;EAAA,IAF5BW,KAE4B,SAF5BA,KAE4B;EAAA,IADzBC,SACyB;EAC5B,IAAMC,WAAW,GAAG,IAAAC,2BAAA,EAAqBb,QAArB,CAApB;EACA,IAAMc,gBAAgB,GAAG,IAAAD,2BAAA,EAAqBH,KAArB,CAAzB;EACA,IAAMT,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIa,SAAJ;EACA,IAAIC,UAAJ;;EAEA,QAAQf,QAAR;IACE,KAAKE,kBAAA,CAASC,GAAd;MACEW,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,SAAb;MACA;;IACF,KAAKb,kBAAA,CAASE,KAAd;MACEU,SAAS,GAAG,0BAAZ;MACAC,UAAU,GAAG,2BAAb;MACA;;IACF;MACED,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,YAAb;EAXJ;;EAcA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IAAMC,iBAAiB,GAAGC,OAAO,CAC/B,IAAAC,2BAAA,EAAqBtB,QAArB,KACE,IAAAsB,2BAAA,EAAqBZ,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;IAOA,IAAI,CAACS,iBAAL,EAAwB;MACtBb,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;IAID;EACF;;EAED,OACE,qCAAC,kBAAD,6BACMI,SADN;IAEE,SAAS,EAAEI,SAFb;IAGE,SAAS,EAAEJ,SAAS,CAACY,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;IAIE,iBAAiB,EAAE,GAJrB;IAKE,UAAU,EAAEP,UALd;IAME,SAAS,EAAE,IAAAQ,sBAAA,EACT,IAAAC,0BAAA,EAAa,mBAAb,EAAkCxB,QAAlC,CADS,EAETF,OAAO,IAAI,4BAFF,EAGTa,WAAW,IAAI,8BAHN,EAIT,CAACA,WAAD,IAAgB,CAACE,gBAAjB,IAAqC,iCAJ5B;EANb,IAaGF,WAAW,GACV,qCAAC,gBAAD;IAAkB,OAAO,EAAEb;EAA3B,GAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBE;IAAK,SAAS,EAAC;EAAf,GACGc,gBAAgB,GACf,qCAAC,gBAAD;IAAkB,OAAO,EAAEf;EAA3B,GAAqCW,KAArC,CADe,GAGfA,KAJJ,CAlBF,CADF;AA4BD,CAvEM"}

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js

@@ -35,7 +35,7 @@ var PanelHeaderClose = function PanelHeaderClose(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({
     "aria-label": (0, _utils.getTitleFromChildren)(children)
-  }, restProps), platform === _platform.IOS ? children : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CancelOutline, null));
+  }, restProps), platform === _platform.Platform.IOS ? children : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CancelOutline, null));
 };
 
 exports.PanelHeaderClose = PanelHeaderClose;

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderClose.js","names":["PanelHeaderClose","children","restProps","platform","usePlatform","getTitleFromChildren","IOS"],"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n  children = \"Отмена\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      {...restProps}\n    >\n      {platform === IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;EAAA,yBAF5BC,QAE4B;EAAA,IAF5BA,QAE4B,8BAFjB,QAEiB;EAAA,IADzBC,SACyB;EAC5B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,OACE,qCAAC,oCAAD;IACE,cAAY,IAAAC,2BAAA,EAAqBJ,QAArB;EADd,GAEMC,SAFN,GAIGC,QAAQ,KAAKG,aAAb,GAAmBL,QAAnB,GAA8B,qCAAC,0BAAD,OAJjC,CADF;AAQD,CAbM"}
+{"version":3,"file":"PanelHeaderClose.js","names":["PanelHeaderClose","children","restProps","platform","usePlatform","getTitleFromChildren","Platform","IOS"],"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { Platform } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n  children = \"Отмена\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      {...restProps}\n    >\n      {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;EAAA,yBAF5BC,QAE4B;EAAA,IAF5BA,QAE4B,8BAFjB,QAEiB;EAAA,IADzBC,SACyB;EAC5B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,OACE,qCAAC,oCAAD;IACE,cAAY,IAAAC,2BAAA,EAAqBJ,QAArB;EADd,GAEMC,SAFN,GAIGC,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,GAA4BN,QAA5B,GAAuC,qCAAC,0BAAD,OAJ1C,CADF;AAQD,CAbM"}