@vkontakte/vkui 4.22.2 → 4.25.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","TooltipContainer","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;AASO,IAAMA,KAAK,GAAG,oCAAe,gBAOlB;AAAA,2BANhBC,QAMgB;AAAA,MANhBA,QAMgB,8BANL,KAMK;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,UAIgB,QAJhBA,UAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,GAEgB,QAFhBA,GAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,6BAAW,gCAAa,OAAb,EAAsBI,QAAtB,CAAX,mBAAsDH,KAAtD;AACT,yBAAmBH;AADV,8BAEQG,KAFR,GAEkB,IAFlB;AAHb,MAQE,qCAAC,YAAD;AAAO,IAAA,SAAS,EAAEI,kCAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGD,QAAQ,KAAKE,aAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGR,QAAQ,GAAG;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CAAH,GAAuDA,QAHlE,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,IAJF,CARF,CADF;AAiBD,CA3BoB,EA2BlB;AACDE,EAAAA,KAAK,EAAE;AADN,CA3BkB,CAAd","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { Touch } from '../Touch/Touch';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport { HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { NavIdProps } from '../../lib/getNavId';\nimport './Panel.css';\n\nexport interface PanelProps extends React.HTMLAttributes<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>, AdaptivityProps, NavIdProps {\n  centered?: boolean;\n}\n\nexport const Panel = withAdaptivity(({\n  centered = false,\n  children,\n  getRootRef,\n  sizeX,\n  nav,\n  ...restProps\n}: PanelProps) => {\n  const platform = usePlatform();\n\n  return (\n    <div\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Panel', platform), `Panel--${sizeX}`, {\n        'Panel--centered': centered,\n        [`Panel--sizeX-${sizeX}`]: true,\n      })}\n    >\n      <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n        {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n        <div vkuiClass=\"Panel__in-before\" />\n        {centered ? <div vkuiClass=\"Panel__centered\">{children}</div> : children}\n        <div vkuiClass=\"Panel__in-after\" />\n      </Touch>\n    </div>\n  );\n}, {\n  sizeX: true,\n});\n"],"file":"Panel.js"}
+{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","TooltipContainer","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;AAaO,IAAMA,KAAK,GAAG,oCACnB,gBAA0E;AAAA,2BAAvEC,QAAuE;AAAA,MAAvEA,QAAuE,8BAA5D,KAA4D;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,GAAwB,QAAxBA,GAAwB;AAAA,MAAhBC,SAAgB;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,6BACT,gCAAa,OAAb,EAAsBI,QAAtB,CADS,mBAECH,KAFD;AAIP,yBAAmBH;AAJZ,8BAKUG,KALV,GAKoB,IALpB;AAHb,MAYE,qCAAC,YAAD;AAAO,IAAA,SAAS,EAAEI,kCAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGD,QAAQ,KAAKE,aAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGR,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,IARF,CAZF,CADF;AAyBD,CA7BkB,EA8BnB;AACEE,EAAAA,KAAK,EAAE;AADT,CA9BmB,CAAd","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\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 } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityContextInterface,\n    NavIdProps {\n  centered?: boolean;\n}\n\nexport const Panel = withAdaptivity<PanelProps>(\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          getClassName(\"Panel\", platform),\n          `Panel--${sizeX}`,\n          {\n            \"Panel--centered\": centered,\n            [`Panel--sizeX-${sizeX}`]: true,\n          }\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"],"file":"Panel.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './PanelHeader.css';
+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 {
     left?: React.ReactNode;
     right?: React.ReactNode;
@@ -17,5 +17,5 @@ export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>,
      */
     fixed?: boolean;
 }
-declare const _default: React.FC<PanelHeaderProps>;
+declare const _default: React.FC<Pick<PanelHeaderProps, "fixed" | "transparent" | "left" | "right" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "separator" | "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" | "shadow" | "visor"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

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

@@ -33,33 +33,26 @@ var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 
 var _withAdaptivity = require("../../hoc/withAdaptivity");
 
-var _utils = require("../../lib/utils");
-
 var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
 
 var _TooltipContainer = require("../Tooltip/TooltipContainer");
 
-var _excluded = ["left", "children", "right", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
+var _ModalRootContext = _interopRequireDefault(require("../ModalRoot/ModalRootContext"));
 
-var PanelHeaderInTypography = function PanelHeaderInTypography(_ref) {
-  var children = _ref.children;
-  var platform = (0, _usePlatform.usePlatform)();
-  return platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    weight: "medium"
-  }, children) : (0, _jsxRuntime.createScopedElement)("span", {
-    vkuiClass: "PanelHeader__content-in"
-  }, children);
-};
+var _excluded = ["left", "children", "right", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
 
-var PanelHeaderIn = function PanelHeaderIn(_ref2) {
-  var children = _ref2.children,
-      left = _ref2.left,
-      right = _ref2.right;
+var PanelHeaderIn = function PanelHeaderIn(_ref) {
+  var children = _ref.children,
+      left = _ref.left,
+      right = _ref.right;
 
   var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
       webviewType = _React$useContext.webviewType;
 
-  var isPrimitive = (0, _utils.isPrimitiveReactNode)(children);
+  var _React$useContext2 = React.useContext(_ModalRootContext.default),
+      isInsideModal = _React$useContext2.isInsideModal;
+
+  var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_TooltipContainer.TooltipContainer, {
     fixed: true,
     vkuiClass: "PanelHeader__in"
@@ -67,9 +60,13 @@ var PanelHeaderIn = function PanelHeaderIn(_ref2) {
     vkuiClass: "PanelHeader__left"
   }, left), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeader__content"
-  }, isPrimitive ? (0, _jsxRuntime.createScopedElement)(PanelHeaderInTypography, null, children) : children), (0, _jsxRuntime.createScopedElement)("div", {
+  }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_Text.default, {
+    weight: "medium"
+  }, children) : (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: "PanelHeader__content-in"
+  }, children)), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeader__right"
-  }, webviewType !== _ConfigProviderContext.WebviewType.VKAPPS && right));
+  }, (webviewType === _ConfigProviderContext.WebviewType.INTERNAL || isInsideModal) && right));
 };
 
 var PanelHeader = function PanelHeader(props) {
@@ -88,21 +85,24 @@ var PanelHeader = function PanelHeader(props) {
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
-  var _React$useContext2 = React.useContext(_ConfigProviderContext.ConfigProviderContext),
-      webviewType = _React$useContext2.webviewType;
+  var _React$useContext3 = React.useContext(_ConfigProviderContext.ConfigProviderContext),
+      webviewType = _React$useContext3.webviewType;
+
+  var _React$useContext4 = React.useContext(_ModalRootContext.default),
+      isInsideModal = _React$useContext4.isInsideModal;
 
   var needShadow = shadow && sizeX === _withAdaptivity.SizeType.REGULAR;
   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), {
-      'PanelHeader--trnsp': transparent,
-      'PanelHeader--shadow': needShadow,
-      'PanelHeader--vis': visor,
-      'PanelHeader--sep': separator && visor,
-      'PanelHeader--vkapps': webviewType === _ConfigProviderContext.WebviewType.VKAPPS,
-      'PanelHeader--no-left': !left,
-      'PanelHeader--no-right': !right,
-      'PanelHeader--fixed': isFixed
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeader", platform), {
+      "PanelHeader--trnsp": transparent,
+      "PanelHeader--shadow": needShadow,
+      "PanelHeader--vis": visor,
+      "PanelHeader--sep": separator && visor,
+      "PanelHeader--vkapps": webviewType === _ConfigProviderContext.WebviewType.VKAPPS && !isInsideModal,
+      "PanelHeader--no-left": !left,
+      "PanelHeader--no-right": !right,
+      "PanelHeader--fixed": isFixed
     }, "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? (0, _jsxRuntime.createScopedElement)(_FixedLayout.default, {
@@ -119,7 +119,7 @@ PanelHeader.defaultProps = {
   separator: true,
   transparent: false,
   visor: true
-};
+}; // eslint-disable-next-line import/no-default-export
 
 var _default = (0, _withAdaptivity.withAdaptivity)(PanelHeader, {
   sizeX: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderInTypography","children","platform","VKCOM","PanelHeaderIn","left","right","React","useContext","ConfigProviderContext","webviewType","isPrimitive","WebviewType","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport FixedLayout from '../FixedLayout/FixedLayout';\nimport Separator from '../Separator/Separator';\nimport { Platform, VKCOM } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { ConfigProviderContext, WebviewType } from '../ConfigProvider/ConfigProviderContext';\nimport { AdaptivityProps, SizeType, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { isPrimitiveReactNode } from '../../lib/utils';\nimport Text from '../Typography/Text/Text';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport './PanelHeader.css';\n\nexport interface PanelHeaderProps extends\n  React.HTMLAttributes<HTMLDivElement>,\n  HasRef<HTMLDivElement>,\n  HasRootRef<HTMLDivElement>,\n  AdaptivityProps {\n  left?: React.ReactNode;\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 PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({ children }: PanelHeaderProps) => {\n  const platform = usePlatform();\n\n  return platform === VKCOM\n    ? <Text weight=\"medium\">{children}</Text>\n    : <span vkuiClass=\"PanelHeader__content-in\">{children}</span>;\n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({ children, left, right }) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const isPrimitive = isPrimitiveReactNode(children);\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">\n        {left}\n      </div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {isPrimitive ? <PanelHeaderInTypography>{children}</PanelHeaderInTypography> : children}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {webviewType !== WebviewType.VKAPPS && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('PanelHeader', platform),\n          {\n            'PanelHeader--trnsp': transparent,\n            'PanelHeader--shadow': needShadow,\n            'PanelHeader--vis': visor,\n            'PanelHeader--sep': separator && visor,\n            'PanelHeader--vkapps': webviewType === WebviewType.VKAPPS,\n            'PanelHeader--no-left': !left,\n            'PanelHeader--no-right': !right,\n            'PanelHeader--fixed': isFixed,\n          },\n          `PanelHeader--sizeX-${sizeX}`,\n        )\n      }\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ?\n        <FixedLayout vkuiClass=\"PanelHeader__fixed\" vertical=\"top\" getRootRef={getRef}>\n          <PanelHeaderIn {...props} />\n        </FixedLayout> :\n        <PanelHeaderIn {...props} />\n      }\n      {separator && visor && platform !== VKCOM && <Separator\n        vkuiClass=\"PanelHeader__separator\"\n        expanded={sizeX === SizeType.REGULAR}\n      />}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderIn","children","left","right","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","VKCOM","WebviewType","INTERNAL","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","VKAPPS","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\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 \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  left?: React.ReactNode;\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: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n      <div vkuiClass=\"PanelHeader__left\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {platform === VKCOM ? (\n          <Text weight=\"medium\">{children}</Text>\n        ) : (\n          <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n        )}\n      </div>\n      <div vkuiClass=\"PanelHeader__right\">\n        {(webviewType === WebviewType.INTERNAL || isInsideModal) && right}\n      </div>\n    </TooltipContainer>\n  );\n};\n\nconst PanelHeader: React.FC<PanelHeaderProps> = (props: PanelHeaderProps) => {\n  const {\n    left,\n    children,\n    right,\n    separator,\n    visor,\n    transparent,\n    shadow,\n    getRef,\n    getRootRef,\n    sizeX,\n    sizeY,\n    fixed,\n    ...restProps\n  } = props;\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  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        {\n          \"PanelHeader--trnsp\": transparent,\n          \"PanelHeader--shadow\": needShadow,\n          \"PanelHeader--vis\": visor,\n          \"PanelHeader--sep\": separator && visor,\n          \"PanelHeader--vkapps\":\n            webviewType === WebviewType.VKAPPS && !isInsideModal,\n          \"PanelHeader--no-left\": !left,\n          \"PanelHeader--no-right\": !right,\n          \"PanelHeader--fixed\": isFixed,\n        },\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 {...props} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...props} />\n      )}\n      {separator && visor && platform !== VKCOM && (\n        <Separator\n          vkuiClass=\"PanelHeader__separator\"\n          expanded={sizeX === SizeType.REGULAR}\n        />\n      )}\n    </div>\n  );\n};\n\nPanelHeader.defaultProps = {\n  separator: true,\n  transparent: false,\n  visor: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './PanelHeaderBack.css';
+import * as React from "react";
+import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./PanelHeaderBack.css";
 export declare type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {
-    'aria-label'?: string;
+    "aria-label"?: string;
 };
-declare const _default: React.NamedExoticComponent<PanelHeaderBackProps>;
+declare const _default: React.NamedExoticComponent<Pick<PanelHeaderBackProps, "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" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "primary"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

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

@@ -40,16 +40,16 @@ var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var platform = (0, _usePlatform.usePlatform)();
   var showLabel = platform === _platform.VKCOM || platform === _platform.IOS && sizeX === _withAdaptivity.SizeType.REGULAR;
   return (0, _jsxRuntime.createScopedElement)(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('PanelHeaderBack', platform), {
-      'PanelHeaderBack--has-label': showLabel && !!label
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeaderBack", platform), {
+      "PanelHeaderBack--has-label": showLabel && !!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));
 };
 
 PanelHeaderBack.defaultProps = {
-  'aria-label': 'Назад'
-};
+  "aria-label": "Назад"
+}; // eslint-disable-next-line import/no-default-export
 
 var _default = /*#__PURE__*/React.memo((0, _withAdaptivity.withAdaptivity)(PanelHeaderBack, {
   sizeX: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["PanelHeaderBack","label","sizeX","restProps","platform","showLabel","VKCOM","IOS","SizeType","REGULAR","ANDROID","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAOA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,KAAoE,QAApEA,KAAoE;AAAA,MAA1DC,SAA0D;AACnJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAKE,eAAb,IAAsBF,QAAQ,KAAKG,aAAb,IAAoBL,KAAK,KAAKM,yBAASC,OAA/E;AAEA,SACE,qCAAC,oCAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAFb;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAP3B,EAQGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OARzB,EASGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OATvB,CADF;AAaD,CAjBD;;AAmBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;;4BAIeC,KAAK,CAACC,IAAN,CAAW,oCAAeb,eAAf,EAAgC;AACxDE,EAAAA,KAAK,EAAE;AADiD,CAAhC,CAAX,C","sourcesContent":["import * as React from 'react';\nimport { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from '@vkontakte/icons';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM, IOS } from '../../lib/platform';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, SizeType, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport './PanelHeaderBack.css';\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps & AdaptivityProps & {\n  'aria-label'?: string;\n};\n\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({ label, sizeX, ...restProps }: PanelHeaderButtonProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const showLabel = platform === VKCOM || platform === IOS && sizeX === SizeType.REGULAR;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      vkuiClass={classNames(getClassName('PanelHeaderBack', platform), {\n        'PanelHeaderBack--has-label': showLabel && !!label,\n      })}\n      label={showLabel && label}\n    >\n      {platform === ANDROID && <Icon28ArrowLeftOutline />}\n      {platform === VKCOM && <Icon28ChevronLeftOutline />}\n      {platform === IOS && <Icon28ChevronBack />}\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderBack.defaultProps = {\n  'aria-label': 'Назад',\n};\n\nexport default React.memo(withAdaptivity(PanelHeaderBack, {\n  sizeX: true,\n}));\n"],"file":"PanelHeaderBack.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["PanelHeaderBack","label","sizeX","restProps","platform","showLabel","VKCOM","IOS","SizeType","REGULAR","ANDROID","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAKA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;;;AAQA,IAAMA,eAA8D,GAAG,SAAjEA,eAAiE,OAIvB;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,MAF9CC,KAE8C,QAF9CA,KAE8C;AAAA,MAD3CC,SAC2C;AAC9C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GACbD,QAAQ,KAAKE,eAAb,IAAuBF,QAAQ,KAAKG,aAAb,IAAoBL,KAAK,KAAKM,yBAASC,OADhE;AAGA,SACE,qCAAC,oCAAD,6BACMN,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,iBAAb,EAAgCC,QAAhC,CAAX,EAAsD;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAAtD,CAFb;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAP3B,EAQGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OARzB,EASGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OATvB,CADF;AAaD,CAtBD;;AAwBAP,eAAe,CAACW,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B,C,CAIA;;4BACeC,KAAK,CAACC,IAAN,CACb,oCAAeb,eAAf,EAAgC;AAC9BE,EAAAA,KAAK,EAAE;AADuB,CAAhC,CADa,C","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 { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n  AdaptivityProps & {\n    \"aria-label\"?: string;\n  };\n\nconst PanelHeaderBack: React.FunctionComponent<PanelHeaderBackProps> = ({\n  label,\n  sizeX,\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      vkuiClass={classNames(getClassName(\"PanelHeaderBack\", platform), {\n        \"PanelHeaderBack--has-label\": showLabel && !!label,\n      })}\n      label={showLabel && label}\n    >\n      {platform === ANDROID && <Icon28ArrowLeftOutline />}\n      {platform === VKCOM && <Icon28ChevronLeftOutline />}\n      {platform === IOS && <Icon28ChevronBack />}\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderBack.defaultProps = {\n  \"aria-label\": \"Назад\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(\n  withAdaptivity(PanelHeaderBack, {\n    sizeX: true,\n  })\n);\n"],"file":"PanelHeaderBack.js"}

package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
-import './PanelHeaderButton.css';
-export interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./PanelHeaderButton.css";
+export interface PanelHeaderButtonProps extends Omit<TappableProps, "label"> {
     primary?: boolean;
     label?: React.ReactNode;
 }

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

@@ -40,12 +40,12 @@ var ButtonTypography = function ButtonTypography(_ref) {
     return (0, _jsxRuntime.createScopedElement)(_Title.default, {
       Component: "span",
       level: "3",
-      weight: primary ? 'semibold' : 'regular'
+      weight: primary ? "semibold" : "regular"
     }, children);
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Text.default, {
-    weight: platform === _platform.VKCOM ? 'regular' : 'medium'
+    weight: platform === _platform.VKCOM ? "regular" : "medium"
   }, children);
 };
 
@@ -62,29 +62,29 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
 
   switch (platform) {
     case _platform.ANDROID:
-      hoverMode = 'background';
-      activeMode = 'background';
+      hoverMode = "background";
+      activeMode = "background";
       break;
 
     case _platform.IOS:
-      hoverMode = 'background';
-      activeMode = 'opacity';
+      hoverMode = "background";
+      activeMode = "opacity";
       break;
 
     case _platform.VKCOM:
-      hoverMode = 'PanelHeaderButton--hover';
-      activeMode = 'PanelHeaderButton--active';
+      hoverMode = "PanelHeaderButton--hover";
+      activeMode = "PanelHeaderButton--active";
   }
 
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({}, restProps, {
     hoverMode: hoverMode,
-    Component: restProps.href ? 'a' : 'button',
+    Component: restProps.href ? "a" : "button",
     activeEffectDelay: 200,
     activeMode: activeMode,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('PanelHeaderButton', platform), {
-      'PanelHeaderButton--primary': primary,
-      'PanelHeaderButton--primitive': isPrimitive,
-      'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("PanelHeaderButton", platform), {
+      "PanelHeaderButton--primary": primary,
+      "PanelHeaderButton--primitive": isPrimitive,
+      "PanelHeaderButton--notPrimitive": !isPrimitive && !isPrimitiveLabel
     })
   }), isPrimitive ? (0, _jsxRuntime.createScopedElement)(ButtonTypography, {
     primary: primary
@@ -95,7 +95,7 @@ var PanelHeaderButton = function PanelHeaderButton(_ref2) {
 
 exports.PanelHeaderButton = PanelHeaderButton;
 PanelHeaderButton.defaultProps = {
-  'primary': false,
-  'aria-label': 'Закрыть'
+  primary: false,
+  "aria-label": "Закрыть"
 };
 //# sourceMappingURL=PanelHeaderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["ButtonTypography","primary","children","platform","IOS","VKCOM","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","ANDROID","href","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAC1G,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,aAAjB,EAAsB;AACpB,WACE,qCAAC,cAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEH,OAAO,GAAG,UAAH,GAAgB;AAAjE,OACGC,QADH,CADF;AAKD;;AAED,SACE,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,SAArB,GAAiC;AAA/C,KACGH,QADH,CADF;AAKD,CAhBD;;AAkBO,IAAMI,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BJ,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BM,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,WAAW,GAAG,iCAAqBP,QAArB,CAApB;AACA,MAAMQ,gBAAgB,GAAG,iCAAqBH,KAArB,CAAzB;AACA,MAAMJ,QAAQ,GAAG,+BAAjB;AAEA,MAAIQ,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQT,QAAR;AACE,SAAKU,iBAAL;AACEF,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKR,aAAL;AACEO,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKP,eAAL;AACEM,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,qCAAC,iBAAD,6BACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEF,UALd;AAME,IAAA,SAAS,EAAE,4BACT,gCAAa,mBAAb,EAAkCT,QAAlC,CADS,EAET;AACE,oCAA8BF,OADhC;AAEE,sCAAgCQ,WAFlC;AAGE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHtD,KAFS;AANb,MAeGD,WAAW,GACR,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAER;AAA3B,KAAqCC,QAArC,CADQ,GAERA,QAjBN,EAmBGQ,gBAAgB,GACb,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAET;AAA3B,KAAqCM,KAArC,CADa,GAEbA,KArBN,CADF;AA0BD,CArDM;;;AAuDPD,iBAAiB,CAACS,YAAlB,GAAiC;AAC/B,aAAW,KADoB;AAE/B,gBAAc;AAFiB,CAAjC","sourcesContent":["import * as React from 'react';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { 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: React.FC<ButtonTypographyProps> = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? 'semibold' : 'regular'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return (\n    <Text weight={platform === VKCOM ? 'regular' : 'medium'}>\n      {children}\n    </Text>\n  );\n};\n\nexport const PanelHeaderButton: React.FC<PanelHeaderButtonProps> = ({\n  children,\n  primary,\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  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        {\n          'PanelHeaderButton--primary': primary,\n          'PanelHeaderButton--primitive': isPrimitive,\n          'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel,\n        },\n      )}\n    >\n      {isPrimitive\n        ? <ButtonTypography primary={primary}>{children}</ButtonTypography>\n        : children\n      }\n      {isPrimitiveLabel\n        ? <ButtonTypography primary={primary}>{label}</ButtonTypography>\n        : label\n      }\n    </Tappable>\n  );\n};\n\nPanelHeaderButton.defaultProps = {\n  'primary': false,\n  'aria-label': 'Закрыть',\n};\n"],"file":"PanelHeaderButton.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["ButtonTypography","primary","children","platform","IOS","VKCOM","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","ANDROID","href","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAiD,GAAG,SAApDA,gBAAoD,OAG7B;AAAA,MAF3BC,OAE2B,QAF3BA,OAE2B;AAAA,MAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,aAAjB,EAAsB;AACpB,WACE,qCAAC,cAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,KAAK,EAAC,GAFR;AAGE,MAAA,MAAM,EAAEH,OAAO,GAAG,UAAH,GAAgB;AAHjC,OAKGC,QALH,CADF;AASD;;AAED,SACE,qCAAC,aAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqB,SAArB,GAAiC;AAA/C,KAA0DH,QAA1D,CADF;AAGD,CArBD;;AAuBO,IAAMI,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BJ,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BM,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,WAAW,GAAG,iCAAqBP,QAArB,CAApB;AACA,MAAMQ,gBAAgB,GAAG,iCAAqBH,KAArB,CAAzB;AACA,MAAMJ,QAAQ,GAAG,+BAAjB;AAEA,MAAIQ,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQT,QAAR;AACE,SAAKU,iBAAL;AACEF,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKR,aAAL;AACEO,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKP,eAAL;AACEM,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,qCAAC,iBAAD,6BACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACM,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEF,UALd;AAME,IAAA,SAAS,EAAE,4BAAW,gCAAa,mBAAb,EAAkCT,QAAlC,CAAX,EAAwD;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCQ,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAAxD;AANb,MAYGD,WAAW,GACV,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAER;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAfJ,EAiBGQ,gBAAgB,GACf,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAET;AAA3B,KAAqCM,KAArC,CADe,GAGfA,KApBJ,CADF;AAyBD,CApDM;;;AAsDPD,iBAAiB,CAACS,YAAlB,GAAiC;AAC/Bd,EAAAA,OAAO,EAAE,KADsB;AAE/B,gBAAc;AAFiB,CAAjC","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { 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: React.FC<ButtonTypographyProps> = ({\n  primary,\n  children,\n}: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === IOS) {\n    return (\n      <Title\n        Component=\"span\"\n        level=\"3\"\n        weight={primary ? \"semibold\" : \"regular\"}\n      >\n        {children}\n      </Title>\n    );\n  }\n\n  return (\n    <Text weight={platform === VKCOM ? \"regular\" : \"medium\"}>{children}</Text>\n  );\n};\n\nexport const PanelHeaderButton: React.FC<PanelHeaderButtonProps> = ({\n  children,\n  primary,\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  return (\n    <Tappable\n      {...restProps}\n      hoverMode={hoverMode}\n      Component={restProps.href ? \"a\" : \"button\"}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      vkuiClass={classNames(getClassName(\"PanelHeaderButton\", platform), {\n        \"PanelHeaderButton--primary\": primary,\n        \"PanelHeaderButton--primitive\": isPrimitive,\n        \"PanelHeaderButton--notPrimitive\": !isPrimitive && !isPrimitiveLabel,\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\nPanelHeaderButton.defaultProps = {\n  primary: false,\n  \"aria-label\": \"Закрыть\",\n};\n"],"file":"PanelHeaderButton.js"}

package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
+import * as React from "react";
+import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
 declare const PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps>;
 export default PanelHeaderClose;

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

@@ -35,8 +35,9 @@ var PanelHeaderClose = function PanelHeaderClose(_ref) {
 };
 
 PanelHeaderClose.defaultProps = {
-  children: 'Отмена'
-};
+  children: "Отмена"
+}; // eslint-disable-next-line import/no-default-export
+
 var _default = PanelHeaderClose;
 exports.default = _default;
 //# sourceMappingURL=PanelHeaderClose.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["PanelHeaderClose","children","restProps","platform","ANDROID","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,gBAAiE,GAAG,SAApEA,gBAAoE,OAAwD;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAAxCC,SAAwC;AAChI,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oCAAD;AAAmB,kBAAY,iCAAqBF,QAArB;AAA/B,KAAmEC,SAAnE,GACGC,QAAQ,KAAKC,iBAAb,IAAwBD,QAAQ,KAAKE,eAArC,GAA6C,qCAAC,0BAAD,OAA7C,GAAuEJ,QAD1E,CADF;AAKD,CAPD;;AASAD,gBAAgB,CAACM,YAAjB,GAAgC;AAC9BL,EAAAA,QAAQ,EAAE;AADoB,CAAhC;eAIeD,gB","sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { usePlatform } from '../../hooks/usePlatform';\n\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({ children, ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n      {platform === ANDROID || platform === VKCOM ? <Icon28CancelOutline /> : children}\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderClose.defaultProps = {\n  children: 'Отмена',\n};\n\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["PanelHeaderClose","children","restProps","platform","ANDROID","VKCOM","defaultProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA,IAAMA,gBAAiE,GAAG,SAApEA,gBAAoE,OAG5C;AAAA,MAF5BC,QAE4B,QAF5BA,QAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oCAAD;AACE,kBAAY,iCAAqBF,QAArB;AADd,KAEMC,SAFN,GAIGC,QAAQ,KAAKC,iBAAb,IAAwBD,QAAQ,KAAKE,eAArC,GACC,qCAAC,0BAAD,OADD,GAGCJ,QAPJ,CADF;AAYD,CAjBD;;AAmBAD,gBAAgB,CAACM,YAAjB,GAAgC;AAC9BL,EAAAA,QAAQ,EAAE;AADoB,CAAhC,C,CAIA;;eACeD,gB","sourcesContent":["import * as React from \"react\";\nimport { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nconst PanelHeaderClose: React.FunctionComponent<PanelHeaderButtonProps> = ({\n  children,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      {...restProps}\n    >\n      {platform === ANDROID || platform === VKCOM ? (\n        <Icon28CancelOutline />\n      ) : (\n        children\n      )}\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderClose.defaultProps = {\n  children: \"Отмена\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}

package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './PanelHeaderContent.css';
+import * as React from "react";
+import "./PanelHeaderContent.css";
 export interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {
     aside?: React.ReactNode;
     before?: React.ReactNode;

package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
 var _getClassName = require("../../helpers/getClassName");
 
 var _Tappable = _interopRequireDefault(require("../Tappable/Tappable"));
@@ -29,27 +29,50 @@ var _Headline = _interopRequireDefault(require("../Typography/Headline/Headline"
 
 var _platform = require("../../lib/platform");
 
+var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
+
 var _excluded = ["className", "style", "aside", "status", "before", "children", "onClick"];
 
-var PanelHeaderContent = function PanelHeaderContent(_ref) {
-  var className = _ref.className,
-      style = _ref.style,
-      aside = _ref.aside,
-      status = _ref.status,
-      before = _ref.before,
-      children = _ref.children,
-      onClick = _ref.onClick,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var InComponent = onClick ? _Tappable.default : 'div';
+var PanelHeaderChildren = function PanelHeaderChildren(_ref) {
+  var platform = _ref.platform,
+      hasStatus = _ref.hasStatus,
+      hasBefore = _ref.hasBefore,
+      children = _ref.children;
+
+  if (platform === _platform.Platform.VKCOM) {
+    return (0, _jsxRuntime.createScopedElement)(_Text.default, {
+      Component: "div",
+      weight: "medium"
+    }, children);
+  }
+
+  return hasStatus || hasBefore ? (0, _jsxRuntime.createScopedElement)(_Headline.default, {
+    Component: "div",
+    weight: "medium"
+  }, children) : (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "PanelHeaderContent__children-in"
+  }, children);
+};
+
+var PanelHeaderContent = function PanelHeaderContent(_ref2) {
+  var className = _ref2.className,
+      style = _ref2.style,
+      aside = _ref2.aside,
+      status = _ref2.status,
+      before = _ref2.before,
+      children = _ref2.children,
+      onClick = _ref2.onClick,
+      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var InComponent = onClick ? _Tappable.default : "div";
   var rootProps = onClick ? {} : restProps;
   var platform = (0, _usePlatform.usePlatform)();
   var inProps = onClick ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
     onClick: onClick,
     activeEffectDelay: 200,
     hasActive: platform === _platform.IOS,
-    activeMode: 'opacity'
+    activeMode: "opacity"
   }) : {};
-  var baseClassNames = (0, _getClassName.getClassName)('PanelHeaderContent', platform);
+  var baseClassNames = (0, _getClassName.getClassName)("PanelHeaderContent", platform);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, rootProps, {
     vkuiClass: baseClassNames,
     style: style,
@@ -64,17 +87,17 @@ var PanelHeaderContent = function PanelHeaderContent(_ref) {
     vkuiClass: "PanelHeaderContent__status"
   }, status), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeaderContent__children"
-  }, (0, _utils.hasReactNode)(status) ? (0, _jsxRuntime.createScopedElement)(_Headline.default, {
-    Component: "span",
-    weight: "medium"
-  }, children) : (0, _jsxRuntime.createScopedElement)("span", {
-    vkuiClass: "PanelHeaderContent__children-in"
+  }, (0, _jsxRuntime.createScopedElement)(PanelHeaderChildren, {
+    platform: platform,
+    hasStatus: (0, _utils.hasReactNode)(status),
+    hasBefore: (0, _utils.hasReactNode)(before)
   }, children), (0, _utils.hasReactNode)(aside) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeaderContent__aside"
   }, aside)), (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PanelHeaderContent__width"
   })));
-};
+}; // eslint-disable-next-line import/no-default-export
+
 
 var _default = PanelHeaderContent;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["PanelHeaderContent","className","style","aside","status","before","children","onClick","restProps","InComponent","Tappable","rootProps","platform","inProps","activeEffectDelay","hasActive","IOS","activeMode","baseClassNames"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AASA,IAAMA,kBAAoE,GAAG,SAAvEA,kBAAuE,OAS9C;AAAA,MAR7BC,SAQ6B,QAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,QAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,QAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,QAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,QAJ7BA,MAI6B;AAAA,MAH7BC,QAG6B,QAH7BA,QAG6B;AAAA,MAF7BC,OAE6B,QAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGG,iBAAH,GAAc,KAAzC;AACA,MAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMI,QAAQ,GAAG,+BAAjB;AACA,MAAMC,OAAO,GAAGN,OAAO,+DAClBC,SADkB;AAErBD,IAAAA,OAAO,EAAPA,OAFqB;AAGrBO,IAAAA,iBAAiB,EAAE,GAHE;AAIrBC,IAAAA,SAAS,EAAEH,QAAQ,KAAKI,aAJH;AAKrBC,IAAAA,UAAU,EAAE;AALS,OAMnB,EANJ;AAOA,MAAMC,cAAc,GAAG,gCAAa,oBAAb,EAAmCN,QAAnC,CAAvB;AAEA,SACE,uEAASD,SAAT;AAAoB,IAAA,SAAS,EAAEO,cAA/B;AAA+C,IAAA,KAAK,EAAEhB,KAAtD;AAA6D,IAAA,SAAS,EAAED;AAAxE,MACG,yBAAaI,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAD3B,EAEE,qCAAC,WAAD,6BACMQ,OADN;AAEE,IAAA,SAAS,EAAC;AAFZ,MAIG,yBAAaT,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CALJ,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaA,MAAb,IACC,qCAAC,iBAAD;AAAU,IAAA,SAAS,EAAC,MAApB;AAA2B,IAAA,MAAM,EAAC;AAAlC,KACGE,QADH,CADD,GAIG;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAmDA,QAAnD,CALN,EAOG,yBAAaH,KAAb,KAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CAP1B,CATF,EAkBG,yBAAaE,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAlB3B,CAFF,CADF;AAyBD,CA/CD;;eAiDeL,kB","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport Tappable from '../Tappable/Tappable';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Caption from '../Typography/Caption/Caption';\nimport Headline from '../Typography/Headline/Headline';\nimport { IOS } from '../../lib/platform';\nimport './PanelHeaderContent.css';\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\nconst PanelHeaderContent: React.FunctionComponent<PanelHeaderContentProps> = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick ? {\n    ...restProps,\n    onClick,\n    activeEffectDelay: 200,\n    hasActive: platform === IOS,\n    activeMode: 'opacity',\n  } : {};\n  const baseClassNames = getClassName('PanelHeaderContent', platform);\n\n  return (\n    <div {...rootProps} vkuiClass={baseClassNames} style={style} className={className}>\n      {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>}\n      <InComponent\n        {...inProps}\n        vkuiClass=\"PanelHeaderContent__in\"\n      >\n        {hasReactNode(status) &&\n          <Caption level=\"1\" weight=\"regular\" vkuiClass=\"PanelHeaderContent__status\">\n            {status}\n          </Caption>\n        }\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          {hasReactNode(status) ?\n            <Headline Component=\"span\" weight=\"medium\">\n              {children}\n            </Headline>\n            : <span vkuiClass=\"PanelHeaderContent__children-in\">{children}</span>\n          }\n          {hasReactNode(aside) && <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n\nexport default PanelHeaderContent;\n"],"file":"PanelHeaderContent.js"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["PanelHeaderChildren","platform","hasStatus","hasBefore","children","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","baseClassNames"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAgBA,IAAMA,mBAAuD,GAAG,SAA1DA,mBAA0D,OAK1D;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,QACI,QADJA,QACI;;AACJ,MAAIH,QAAQ,KAAKI,mBAASC,KAA1B,EAAiC;AAC/B,WACE,qCAAC,aAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGF,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,qCAAC,iBAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;;AAuBA,IAAMG,kBAAoE,GAAG,SAAvEA,kBAAuE,QAS9C;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BR,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BS,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGG,iBAAH,GAAc,KAAzC;AACA,MAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMb,QAAQ,GAAG,+BAAjB;AACA,MAAMiB,OAAO,GAAGL,OAAO,+DAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBM,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEnB,QAAQ,KAAKoB,aALP;AAMjBC,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AASA,MAAMC,cAAc,GAAG,gCAAa,oBAAb,EAAmCtB,QAAnC,CAAvB;AAEA,SACE,uEACMgB,SADN;AAEE,IAAA,SAAS,EAAEM,cAFb;AAGE,IAAA,KAAK,EAAEd,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMG,yBAAaI,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,qCAAC,WAAD,6BAAiBM,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACG,yBAAaP,MAAb,KACC,qCAAC,gBAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,MALH,CAFJ,EAUE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,mBAAD;AACE,IAAA,QAAQ,EAAEV,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAaU,MAAb,CAFb;AAGE,IAAA,SAAS,EAAE,yBAAaC,MAAb;AAHb,KAKGR,QALH,CADF,EAQG,yBAAaM,KAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAVF,EAsBG,yBAAaE,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAtB3B,CATF,CADF;AAoCD,CA5DD,C,CA8DA;;;eACeL,kB","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport Text from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n  hasStatus: boolean;\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren: React.FC<PanelHeaderChildrenProps> = ({\n  platform,\n  hasStatus,\n  hasBefore,\n  children,\n}) => {\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"medium\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"medium\">\n      {children}\n    </Headline>\n  ) : (\n    <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n  );\n};\n\nconst PanelHeaderContent: React.FunctionComponent<PanelHeaderContentProps> = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : \"div\";\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === IOS,\n        activeMode: \"opacity\",\n      }\n    : {};\n  const baseClassNames = getClassName(\"PanelHeaderContent\", platform);\n\n  return (\n    <div\n      {...rootProps}\n      vkuiClass={baseClassNames}\n      style={style}\n      className={className}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n      )}\n      <InComponent {...inProps} vkuiClass=\"PanelHeaderContent__in\">\n        {hasReactNode(status) && (\n          <Caption\n            level=\"1\"\n            weight=\"regular\"\n            vkuiClass=\"PanelHeaderContent__status\"\n          >\n            {status}\n          </Caption>\n        )}\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          <PanelHeaderChildren\n            platform={platform}\n            hasStatus={hasReactNode(status)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default PanelHeaderContent;\n"],"file":"PanelHeaderContent.js"}

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './PanelHeaderContext.css';
+import * as React from "react";
+import "./PanelHeaderContext.css";
 export interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {
     opened: boolean;
     onClose: VoidFunction;