@vkontakte/vkui 4.23.0 → 4.24.0

package/dist/components/PanelHeader/PanelHeader.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["left", "children", "right", "separator", "visor", "transparent", "shadow", "getRef", "getRootRef", "sizeX", "sizeY", "fixed"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform";
 import { getClassName } from "../../helpers/getClassName";
 import { classNames } from "../../lib/classNames";
@@ -69,15 +69,15 @@ var PanelHeader = function PanelHeader(props) {
   var needShadow = shadow && sizeX === SizeType.REGULAR;
   var isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('PanelHeader', platform), {
-      'PanelHeader--trnsp': transparent,
-      'PanelHeader--shadow': needShadow,
-      'PanelHeader--vis': visor,
-      'PanelHeader--sep': separator && visor,
-      'PanelHeader--vkapps': webviewType === WebviewType.VKAPPS,
-      'PanelHeader--no-left': !left,
-      'PanelHeader--no-right': !right,
-      'PanelHeader--fixed': isFixed
+    vkuiClass: classNames(getClassName("PanelHeader", platform), {
+      "PanelHeader--trnsp": transparent,
+      "PanelHeader--shadow": needShadow,
+      "PanelHeader--vis": visor,
+      "PanelHeader--sep": separator && visor,
+      "PanelHeader--vkapps": webviewType === WebviewType.VKAPPS,
+      "PanelHeader--no-left": !left,
+      "PanelHeader--no-right": !right,
+      "PanelHeader--fixed": isFixed
     }, "PanelHeader--sizeX-".concat(sizeX)),
     ref: isFixed ? getRootRef : getRef
   }), isFixed ? createScopedElement(FixedLayout, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","isPrimitiveReactNode","Text","TooltipContainer","PanelHeaderInTypography","children","platform","PanelHeaderIn","left","right","useContext","webviewType","isPrimitive","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","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":["React","usePlatform","getClassName","classNames","FixedLayout","Separator","Platform","VKCOM","ConfigProviderContext","WebviewType","SizeType","withAdaptivity","isPrimitiveReactNode","Text","TooltipContainer","PanelHeaderInTypography","children","platform","PanelHeaderIn","left","right","useContext","webviewType","isPrimitive","VKAPPS","PanelHeader","props","separator","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","REGULAR","isFixed","undefined","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 { isPrimitiveReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\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 PanelHeaderInTypography: React.FC<PanelHeaderProps> = ({\n  children,\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n\n  return platform === VKCOM ? (\n    <Text weight=\"medium\">{children}</Text>\n  ) : (\n    <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n  );\n};\n\nconst PanelHeaderIn: React.FC<PanelHeaderProps> = ({\n  children,\n  left,\n  right,\n}) => {\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\">{left}</div>\n      <div vkuiClass=\"PanelHeader__content\">\n        {isPrimitive ? (\n          <PanelHeaderInTypography>{children}</PanelHeaderInTypography>\n        ) : (\n          children\n        )}\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={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      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\nexport default withAdaptivity(PanelHeader, {\n  sizeX: true,\n  sizeY: true,\n});\n"],"file":"PanelHeader.js"}

package/dist/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>;
 export default _default;

package/dist/components/PanelHeaderBack/PanelHeaderBack.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label", "sizeX"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
-import { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from '@vkontakte/icons';
+import * as React from "react";
+import { Icon28ChevronBack, Icon28ChevronLeftOutline, Icon28ArrowLeftOutline } from "@vkontakte/icons";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM, IOS } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
@@ -19,15 +19,15 @@ var PanelHeaderBack = function PanelHeaderBack(_ref) {
   var platform = usePlatform();
   var showLabel = platform === VKCOM || platform === IOS && sizeX === SizeType.REGULAR;
   return createScopedElement(PanelHeaderButton, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('PanelHeaderBack', platform), {
-      'PanelHeaderBack--has-label': showLabel && !!label
+    vkuiClass: classNames(getClassName("PanelHeaderBack", platform), {
+      "PanelHeaderBack--has-label": showLabel && !!label
     }),
     label: showLabel && label
   }), platform === ANDROID && createScopedElement(Icon28ArrowLeftOutline, null), platform === VKCOM && createScopedElement(Icon28ChevronLeftOutline, null), platform === IOS && createScopedElement(Icon28ChevronBack, null));
 };
 
 PanelHeaderBack.defaultProps = {
-  'aria-label': 'Назад'
+  "aria-label": "Назад"
 };
 export default /*#__PURE__*/React.memo(withAdaptivity(PanelHeaderBack, {
   sizeX: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","getClassName","classNames","PanelHeaderBack","label","sizeX","restProps","platform","showLabel","REGULAR","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,iBAAT,EAA4BC,wBAA5B,EAAsDC,sBAAtD,QAAoF,kBAApF;AACA,SAASC,iBAAT;AACA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,SAASC,cAAT,EAAyBC,QAAzB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;;AAOA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAA8E;AAAA,MAA3EC,KAA2E,QAA3EA,KAA2E;AAAA,MAApEC,KAAoE,QAApEA,KAAoE;AAAA,MAA1DC,SAA0D;;AACnJ,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,SAAS,GAAGD,QAAQ,KAAKX,KAAb,IAAsBW,QAAQ,KAAKV,GAAb,IAAoBQ,KAAK,KAAKL,QAAQ,CAACS,OAA/E;AAEA,SACE,oBAAC,iBAAD,eACMH,SADN;AAEE,IAAA,SAAS,EAAEJ,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CAAb,EAA4C;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAA5C,CAFvB;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKZ,OAAb,IAAwB,oBAAC,sBAAD,OAP3B,EAQGY,QAAQ,KAAKX,KAAb,IAAsB,oBAAC,wBAAD,OARzB,EASGW,QAAQ,KAAKV,GAAb,IAAoB,oBAAC,iBAAD,OATvB,CADF;AAaD,CAjBD;;AAmBAM,eAAe,CAACO,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;AAIA,4BAAepB,KAAK,CAACqB,IAAN,CAAWZ,cAAc,CAACI,eAAD,EAAkB;AACxDE,EAAAA,KAAK,EAAE;AADiD,CAAlB,CAAzB,CAAf","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":["React","Icon28ChevronBack","Icon28ChevronLeftOutline","Icon28ArrowLeftOutline","PanelHeaderButton","ANDROID","VKCOM","IOS","usePlatform","withAdaptivity","SizeType","getClassName","classNames","PanelHeaderBack","label","sizeX","restProps","platform","showLabel","REGULAR","defaultProps","memo"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,iBADF,EAEEC,wBAFF,EAGEC,sBAHF,QAIO,kBAJP;AAKA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB,EAAyBC,GAAzB;AACA,SAASC,WAAT;AACA,SACEC,cADF,EAEEC,QAFF;AAKA,SAASC,YAAT;AACA,SAASC,UAAT;;AAQA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAIvB;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,MAF9CC,KAE8C,QAF9CA,KAE8C;AAAA,MAD3CC,SAC2C;;AAC9C,MAAMC,QAAQ,GAAGT,WAAW,EAA5B;AACA,MAAMU,SAAS,GACbD,QAAQ,KAAKX,KAAb,IAAuBW,QAAQ,KAAKV,GAAb,IAAoBQ,KAAK,KAAKL,QAAQ,CAACS,OADhE;AAGA,SACE,oBAAC,iBAAD,eACMH,SADN;AAEE,IAAA,SAAS,EAAEJ,UAAU,CAACD,YAAY,CAAC,iBAAD,EAAoBM,QAApB,CAAb,EAA4C;AAC/D,oCAA8BC,SAAS,IAAI,CAAC,CAACJ;AADkB,KAA5C,CAFvB;AAKE,IAAA,KAAK,EAAEI,SAAS,IAAIJ;AALtB,MAOGG,QAAQ,KAAKZ,OAAb,IAAwB,oBAAC,sBAAD,OAP3B,EAQGY,QAAQ,KAAKX,KAAb,IAAsB,oBAAC,wBAAD,OARzB,EASGW,QAAQ,KAAKV,GAAb,IAAoB,oBAAC,iBAAD,OATvB,CADF;AAaD,CAtBD;;AAwBAM,eAAe,CAACO,YAAhB,GAA+B;AAC7B,gBAAc;AADe,CAA/B;AAIA,4BAAepB,KAAK,CAACqB,IAAN,CACbZ,cAAc,CAACI,eAAD,EAAkB;AAC9BE,EAAAA,KAAK,EAAE;AADuB,CAAlB,CADD,CAAf","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\nexport default React.memo(\n  withAdaptivity(PanelHeaderBack, {\n    sizeX: true,\n  })\n);\n"],"file":"PanelHeaderBack.js"}

package/dist/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/components/PanelHeaderButton/PanelHeaderButton.js

@@ -20,12 +20,12 @@ var ButtonTypography = function ButtonTypography(_ref) {
     return createScopedElement(Title, {
       Component: "span",
       level: "3",
-      weight: primary ? 'semibold' : 'regular'
+      weight: primary ? "semibold" : "regular"
     }, children);
   }
 
   return createScopedElement(Text, {
-    weight: platform === VKCOM ? 'regular' : 'medium'
+    weight: platform === VKCOM ? "regular" : "medium"
   }, children);
 };
 
@@ -43,29 +43,29 @@ export var PanelHeaderButton = function PanelHeaderButton(_ref2) {
 
   switch (platform) {
     case ANDROID:
-      hoverMode = 'background';
-      activeMode = 'background';
+      hoverMode = "background";
+      activeMode = "background";
       break;
 
     case IOS:
-      hoverMode = 'background';
-      activeMode = 'opacity';
+      hoverMode = "background";
+      activeMode = "opacity";
       break;
 
     case VKCOM:
-      hoverMode = 'PanelHeaderButton--hover';
-      activeMode = 'PanelHeaderButton--active';
+      hoverMode = "PanelHeaderButton--hover";
+      activeMode = "PanelHeaderButton--active";
   }
 
   return createScopedElement(Tappable, _extends({}, restProps, {
     hoverMode: hoverMode,
-    Component: restProps.href ? 'a' : 'button',
+    Component: restProps.href ? "a" : "button",
     activeEffectDelay: 200,
     activeMode: activeMode,
-    vkuiClass: classNames(getClassName('PanelHeaderButton', platform), {
-      'PanelHeaderButton--primary': primary,
-      'PanelHeaderButton--primitive': isPrimitive,
-      'PanelHeaderButton--notPrimitive': !isPrimitive && !isPrimitiveLabel
+    vkuiClass: classNames(getClassName("PanelHeaderButton", platform), {
+      "PanelHeaderButton--primary": primary,
+      "PanelHeaderButton--primitive": isPrimitive,
+      "PanelHeaderButton--notPrimitive": !isPrimitive && !isPrimitiveLabel
     })
   }), isPrimitive ? createScopedElement(ButtonTypography, {
     primary: primary
@@ -74,7 +74,7 @@ export var PanelHeaderButton = function PanelHeaderButton(_ref2) {
   }, label) : label);
 };
 PanelHeaderButton.defaultProps = {
-  'primary': false,
-  'aria-label': 'Закрыть'
+  primary: false,
+  "aria-label": "Закрыть"
 };
 //# sourceMappingURL=PanelHeaderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,OAAOC,IAAP;AACA,OAAOC,KAAP;;AAYA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAC1G,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AAEA,MAAIU,QAAQ,KAAKR,GAAjB,EAAsB;AACpB,WACE,oBAAC,KAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEM,OAAO,GAAG,UAAH,GAAgB;AAAjE,OACGC,QADH,CADF;AAKD;;AAED,SACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqB,SAArB,GAAiC;AAA/C,KACGM,QADH,CADF;AAKD,CAhBD;;AAkBA,OAAO,IAAME,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BF,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BI,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,WAAW,GAAGb,oBAAoB,CAACQ,QAAD,CAAxC;AACA,MAAMM,gBAAgB,GAAGd,oBAAoB,CAACW,KAAD,CAA7C;AACA,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,MAAIgB,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQP,QAAR;AACE,SAAKN,OAAL;AACEY,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKf,GAAL;AACEc,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKd,KAAL;AACEa,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,oBAAC,QAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAED,UALd;AAME,IAAA,SAAS,EAAElB,UAAU,CACnBD,YAAY,CAAC,mBAAD,EAAsBY,QAAtB,CADO,EAEnB;AACE,oCAA8BF,OADhC;AAEE,sCAAgCM,WAFlC;AAGE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHtD,KAFmB;AANvB,MAeGD,WAAW,GACR,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEN;AAA3B,KAAqCC,QAArC,CADQ,GAERA,QAjBN,EAmBGM,gBAAgB,GACb,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEP;AAA3B,KAAqCI,KAArC,CADa,GAEbA,KArBN,CADF;AA0BD,CArDM;AAuDPD,iBAAiB,CAACQ,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":["Tappable","getClassName","classNames","usePlatform","isPrimitiveReactNode","IOS","VKCOM","ANDROID","Text","Title","ButtonTypography","primary","children","platform","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,oBAAT;AACA,SAASC,GAAT,EAAcC,KAAd,EAAqBC,OAArB;AACA,OAAOC,IAAP;AACA,OAAOC,KAAP;;AAYA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAG7B;AAAA,MAF3BC,OAE2B,QAF3BA,OAE2B;AAAA,MAD3BC,QAC2B,QAD3BA,QAC2B;AAC3B,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;;AAEA,MAAIU,QAAQ,KAAKR,GAAjB,EAAsB;AACpB,WACE,oBAAC,KAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,KAAK,EAAC,GAFR;AAGE,MAAA,MAAM,EAAEM,OAAO,GAAG,UAAH,GAAgB;AAHjC,OAKGC,QALH,CADF;AASD;;AAED,SACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKP,KAAb,GAAqB,SAArB,GAAiC;AAA/C,KAA0DM,QAA1D,CADF;AAGD,CArBD;;AAuBA,OAAO,IAAME,iBAAmD,GAAG,SAAtDA,iBAAsD,QAKrC;AAAA,MAJ5BF,QAI4B,SAJ5BA,QAI4B;AAAA,MAH5BD,OAG4B,SAH5BA,OAG4B;AAAA,MAF5BI,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,WAAW,GAAGb,oBAAoB,CAACQ,QAAD,CAAxC;AACA,MAAMM,gBAAgB,GAAGd,oBAAoB,CAACW,KAAD,CAA7C;AACA,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,MAAIgB,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQP,QAAR;AACE,SAAKN,OAAL;AACEY,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKf,GAAL;AACEc,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKd,KAAL;AACEa,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,SACE,oBAAC,QAAD,eACMJ,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAED,UALd;AAME,IAAA,SAAS,EAAElB,UAAU,CAACD,YAAY,CAAC,mBAAD,EAAsBY,QAAtB,CAAb,EAA8C;AACjE,oCAA8BF,OADmC;AAEjE,sCAAgCM,WAFiC;AAGjE,yCAAmC,CAACA,WAAD,IAAgB,CAACC;AAHa,KAA9C;AANvB,MAYGD,WAAW,GACV,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEN;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAfJ,EAiBGM,gBAAgB,GACf,oBAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEP;AAA3B,KAAqCI,KAArC,CADe,GAGfA,KApBJ,CADF;AAyBD,CApDM;AAsDPD,iBAAiB,CAACQ,YAAlB,GAAiC;AAC/BX,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/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/components/PanelHeaderClose/PanelHeaderClose.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import { Icon28CancelOutline } from '@vkontakte/icons';
+import { Icon28CancelOutline } from "@vkontakte/icons";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM } from "../../lib/platform";
 import { getTitleFromChildren } from "../../lib/utils";
@@ -19,7 +19,7 @@ var PanelHeaderClose = function PanelHeaderClose(_ref) {
 };
 
 PanelHeaderClose.defaultProps = {
-  children: 'Отмена'
+  children: "Отмена"
 };
 export default PanelHeaderClose;
 //# sourceMappingURL=PanelHeaderClose.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["Icon28CancelOutline","PanelHeaderButton","ANDROID","VKCOM","getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,mBAAT,QAAoC,kBAApC;AACA,SAASC,iBAAT;AACA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;;AAEA,IAAMC,gBAAiE,GAAG,SAApEA,gBAAoE,OAAwD;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAAxCC,SAAwC;;AAChI,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AACA,SACE,oBAAC,iBAAD;AAAmB,kBAAYD,oBAAoB,CAACG,QAAD;AAAnD,KAAmEC,SAAnE,GACGC,QAAQ,KAAKP,OAAb,IAAwBO,QAAQ,KAAKN,KAArC,GAA6C,oBAAC,mBAAD,OAA7C,GAAuEI,QAD1E,CADF;AAKD,CAPD;;AASAD,gBAAgB,CAACI,YAAjB,GAAgC;AAC9BH,EAAAA,QAAQ,EAAE;AADoB,CAAhC;AAIA,eAAeD,gBAAf","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":["Icon28CancelOutline","PanelHeaderButton","ANDROID","VKCOM","getTitleFromChildren","usePlatform","PanelHeaderClose","children","restProps","platform","defaultProps"],"mappings":";;;;AACA,SAASA,mBAAT,QAAoC,kBAApC;AACA,SACEC,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,oBAAT;AACA,SAASC,WAAT;;AAEA,IAAMC,gBAAiE,GAAG,SAApEA,gBAAoE,OAG5C;AAAA,MAF5BC,QAE4B,QAF5BA,QAE4B;AAAA,MADzBC,SACyB;;AAC5B,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;AACA,SACE,oBAAC,iBAAD;AACE,kBAAYD,oBAAoB,CAACG,QAAD;AADlC,KAEMC,SAFN,GAIGC,QAAQ,KAAKP,OAAb,IAAwBO,QAAQ,KAAKN,KAArC,GACC,oBAAC,mBAAD,OADD,GAGCI,QAPJ,CADF;AAYD,CAjBD;;AAmBAD,gBAAgB,CAACI,YAAjB,GAAgC;AAC9BH,EAAAA,QAAQ,EAAE;AADoB,CAAhC;AAIA,eAAeD,gBAAf","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\nexport default PanelHeaderClose;\n"],"file":"PanelHeaderClose.js"}

package/dist/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/components/PanelHeaderContent/PanelHeaderContent.js

@@ -9,28 +9,50 @@ import { usePlatform } from "../../hooks/usePlatform";
 import { hasReactNode } from "../../lib/utils";
 import Caption from "../Typography/Caption/Caption";
 import Headline from "../Typography/Headline/Headline";
-import { IOS } from "../../lib/platform";
+import { IOS, Platform } from "../../lib/platform";
+import Text from "../Typography/Text/Text";
 
-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 = _objectWithoutProperties(_ref, _excluded);
+var PanelHeaderChildren = function PanelHeaderChildren(_ref) {
+  var platform = _ref.platform,
+      hasStatus = _ref.hasStatus,
+      hasBefore = _ref.hasBefore,
+      children = _ref.children;
 
-  var InComponent = onClick ? Tappable : 'div';
+  if (platform === Platform.VKCOM) {
+    return createScopedElement(Text, {
+      Component: "div",
+      weight: "medium"
+    }, children);
+  }
+
+  return hasStatus || hasBefore ? createScopedElement(Headline, {
+    Component: "div",
+    weight: "medium"
+  }, children) : 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 = _objectWithoutProperties(_ref2, _excluded);
+
+  var InComponent = onClick ? Tappable : "div";
   var rootProps = onClick ? {} : restProps;
   var platform = usePlatform();
   var inProps = onClick ? _objectSpread(_objectSpread({}, restProps), {}, {
     onClick: onClick,
     activeEffectDelay: 200,
     hasActive: platform === IOS,
-    activeMode: 'opacity'
+    activeMode: "opacity"
   }) : {};
-  var baseClassNames = getClassName('PanelHeaderContent', platform);
+  var baseClassNames = getClassName("PanelHeaderContent", platform);
   return createScopedElement("div", _extends({}, rootProps, {
     vkuiClass: baseClassNames,
     style: style,
@@ -45,14 +67,11 @@ var PanelHeaderContent = function PanelHeaderContent(_ref) {
     vkuiClass: "PanelHeaderContent__status"
   }, status), createScopedElement("div", {
     vkuiClass: "PanelHeaderContent__children"
-  }, hasReactNode(status) ? createScopedElement(Headline, {
-    Component: "span",
-    weight: "medium"
-  }, children) : createScopedElement("span", {
-    vkuiClass: "PanelHeaderContent__children-in"
-  }, children), hasReactNode(aside) && createScopedElement("div", {
-    vkuiClass: "PanelHeaderContent__aside"
-  }, aside)), hasReactNode(before) && createScopedElement("div", {
+  }, createScopedElement(PanelHeaderChildren, {
+    platform: platform,
+    hasStatus: hasReactNode(status),
+    hasBefore: hasReactNode(before)
+  }, children)), hasReactNode(before) && createScopedElement("div", {
     vkuiClass: "PanelHeaderContent__width"
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["getClassName","Tappable","usePlatform","hasReactNode","Caption","Headline","IOS","PanelHeaderContent","className","style","aside","status","before","children","onClick","restProps","InComponent","rootProps","platform","inProps","activeEffectDelay","hasActive","activeMode","baseClassNames"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,OAAOC,QAAP;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,SAASC,GAAT;;AASA,IAAMC,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,GAAGb,QAAH,GAAc,KAAzC;AACA,MAAMgB,SAAS,GAAGH,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMG,QAAQ,GAAGhB,WAAW,EAA5B;AACA,MAAMiB,OAAO,GAAGL,OAAO,mCAClBC,SADkB;AAErBD,IAAAA,OAAO,EAAPA,OAFqB;AAGrBM,IAAAA,iBAAiB,EAAE,GAHE;AAIrBC,IAAAA,SAAS,EAAEH,QAAQ,KAAKZ,GAJH;AAKrBgB,IAAAA,UAAU,EAAE;AALS,OAMnB,EANJ;AAOA,MAAMC,cAAc,GAAGvB,YAAY,CAAC,oBAAD,EAAuBkB,QAAvB,CAAnC;AAEA,SACE,wCAASD,SAAT;AAAoB,IAAA,SAAS,EAAEM,cAA/B;AAA+C,IAAA,KAAK,EAAEd,KAAtD;AAA6D,IAAA,SAAS,EAAED;AAAxE,MACGL,YAAY,CAACS,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAD3B,EAEE,oBAAC,WAAD,eACMO,OADN;AAEE,IAAA,SAAS,EAAC;AAFZ,MAIGhB,YAAY,CAACQ,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAC,GAAf;AAAmB,IAAA,MAAM,EAAC,SAA1B;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGA,MADH,CALJ,EASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGR,YAAY,CAACQ,MAAD,CAAZ,GACC,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAC,MAApB;AAA2B,IAAA,MAAM,EAAC;AAAlC,KACGE,QADH,CADD,GAIG;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAmDA,QAAnD,CALN,EAOGV,YAAY,CAACO,KAAD,CAAZ,IAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CAP1B,CATF,EAkBGP,YAAY,CAACS,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAlB3B,CAFF,CADF;AAyBD,CA/CD;;AAiDA,eAAeL,kBAAf","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":["getClassName","Tappable","usePlatform","hasReactNode","Caption","Headline","IOS","Platform","Text","PanelHeaderChildren","platform","hasStatus","hasBefore","children","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassNames"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,OAAOC,QAAP;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,OAAOC,QAAP;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,OAAOC,IAAP;;AAgBA,IAAMC,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,KAAKH,QAAQ,CAACO,KAA1B,EAAiC;AAC/B,WACE,oBAAC,IAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGD,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,oBAAC,QAAD;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,IAAME,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,MAH7BP,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BQ,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGpB,QAAH,GAAc,KAAzC;AACA,MAAMuB,SAAS,GAAGH,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMZ,QAAQ,GAAGR,WAAW,EAA5B;AACA,MAAMuB,OAAO,GAAGJ,OAAO,mCAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBK,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEjB,QAAQ,KAAKJ,GALP;AAMjBsB,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AASA,MAAMC,cAAc,GAAG7B,YAAY,CAAC,oBAAD,EAAuBU,QAAvB,CAAnC;AAEA,SACE,wCACMc,SADN;AAEE,IAAA,SAAS,EAAEK,cAFb;AAGE,IAAA,KAAK,EAAEZ,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMGb,YAAY,CAACiB,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,oBAAC,WAAD,eAAiBK,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACGtB,YAAY,CAACgB,MAAD,CAAZ,IACC,oBAAC,OAAD;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,oBAAC,mBAAD;AACE,IAAA,QAAQ,EAAET,QADZ;AAEE,IAAA,SAAS,EAAEP,YAAY,CAACgB,MAAD,CAFzB;AAGE,IAAA,SAAS,EAAEhB,YAAY,CAACiB,MAAD;AAHzB,KAKGP,QALH,CADF,CAVF,EAmBGV,YAAY,CAACiB,MAAD,CAAZ,IAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAnB3B,CATF,CADF;AAiCD,CAzDD;;AA2DA,eAAeL,kBAAf","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        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n\nexport default PanelHeaderContent;\n"],"file":"PanelHeaderContent.js"}

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

package/dist/components/PanelHeaderContext/PanelHeaderContext.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "onClose", "opened"];
 import { createScopedElement } from "../../lib/jsxRuntime";
-import * as React from 'react';
+import * as React from "react";
 import FixedLayout from "../FixedLayout/FixedLayout";
 import { classNames } from "../../lib/classNames";
 import { getClassName } from "../../helpers/getClassName";
@@ -42,7 +42,7 @@ export var PanelHeaderContext = function PanelHeaderContext(_ref) {
     opened && setVisible(true);
   }, [opened]); // start closing on outer click
 
-  useGlobalEventListener(document, 'click', isDesktop && opened && !closing && function (event) {
+  useGlobalEventListener(document, "click", isDesktop && opened && !closing && function (event) {
     if (elementRef.current && !elementRef.current.contains(event.target)) {
       onClose();
     }
@@ -57,10 +57,10 @@ export var PanelHeaderContext = function PanelHeaderContext(_ref) {
     return closing ? animationFallback.set() : animationFallback.clear();
   }, [closing]);
   return createScopedElement(FixedLayout, _extends({}, restProps, {
-    vkuiClass: classNames(getClassName('PanelHeaderContext', platform), {
-      'PanelHeaderContext--opened': opened,
-      'PanelHeaderContext--closing': closing,
-      'PanelHeaderContext--desktop': isDesktop
+    vkuiClass: classNames(getClassName("PanelHeaderContext", platform), {
+      "PanelHeaderContext--opened": opened,
+      "PanelHeaderContext--closing": closing,
+      "PanelHeaderContext--desktop": isDesktop
     }),
     vertical: "top"
   }), createScopedElement("div", {

package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"names":["React","FixedLayout","classNames","getClassName","ViewWidth","useAdaptivity","useDOM","useIsomorphicLayoutEffect","useGlobalEventListener","useTimeout","usePlatform","PanelHeaderContext","children","onClose","opened","restProps","document","platform","useState","visible","setVisible","closing","viewWidth","isDesktop","SMALL_TABLET","elementRef","useRef","event","current","contains","target","onAnimationEnd","animationFallback","useEffect","set","clear"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,WAAP;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA,SAASC,MAAT;AACA,SAASC,yBAAT;AACA,SAASC,sBAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAQA,OAAO,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,OAK/D;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,KAEL;AAAA,MADDC,SACC;;AACJ,gBAAqBT,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,wBAA8BV,KAAK,CAACkB,QAAN,CAAeJ,MAAf,CAA9B;AAAA;AAAA,MAAOK,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAGF,OAAO,IAAI,CAACL,MAA5B;;AACA,uBAAsBT,aAAa,EAAnC;AAAA,MAAQiB,SAAR,kBAAQA,SAAR;;AACA,MAAMC,SAAS,GAAGD,SAAS,IAAIlB,SAAS,CAACoB,YAAzC;AACA,MAAMC,UAAU,GAAGzB,KAAK,CAAC0B,MAAN,EAAnB;AAEAnB,EAAAA,yBAAyB,CAAC,YAAM;AAC9BO,IAAAA,MAAM,IAAIM,UAAU,CAAC,IAAD,CAApB;AACD,GAFwB,EAEtB,CAACN,MAAD,CAFsB,CAAzB,CATI,CAaJ;;AACAN,EAAAA,sBAAsB,CAACQ,QAAD,EAAW,OAAX,EAAoBO,SAAS,IAAIT,MAAb,IAAuB,CAACO,OAAxB,IAAoC,UAACM,KAAD,EAAW;AACvF,QAAIF,UAAU,CAACG,OAAX,IAAsB,CAACH,UAAU,CAACG,OAAX,CAAmBC,QAAnB,CAA4BF,KAAK,CAACG,MAAlC,CAA3B,EAA8E;AAC5EjB,MAAAA,OAAO;AACR;AACF,GAJqB,CAAtB,CAdI,CAoBJ;;AACA,MAAMkB,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMX,UAAU,CAAC,KAAD,CAAhB;AAAA,GAAvB;;AACA,MAAMY,iBAAiB,GAAGvB,UAAU,CAACsB,cAAD,EAAiB,GAAjB,CAApC;AACA/B,EAAAA,KAAK,CAACiC,SAAN,CAAgB;AAAA,WAAMZ,OAAO,GAAGW,iBAAiB,CAACE,GAAlB,EAAH,GAA6BF,iBAAiB,CAACG,KAAlB,EAA1C;AAAA,GAAhB,EAAqF,CAACd,OAAD,CAArF;AAEA,SACE,oBAAC,WAAD,eAAiBN,SAAjB;AAA4B,IAAA,SAAS,EAAEb,UAAU,CAACC,YAAY,CAAC,oBAAD,EAAuBc,QAAvB,CAAb,EAA+C;AAC9F,oCAA8BH,MADgE;AAE9F,qCAA+BO,OAF+D;AAG9F,qCAA+BE;AAH+D,KAA/C,CAAjD;AAII,IAAA,QAAQ,EAAC;AAJb,MAKE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,GAAG,EAAEE,UAA7C;AAAyD,IAAA,cAAc,EAAEJ,OAAO,GAAGU,cAAH,GAAoB;AAApG,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGZ,OAAO,IAAIP,QADd,CADF,CALF,EAUG,CAACW,SAAD,IAAcJ,OAAd,IAAyB;AAAK,IAAA,OAAO,EAAEN,OAAd;AAAuB,IAAA,SAAS,EAAC;AAAjC,IAV5B,CADF;AAcD,CA5CM","sourcesContent":["import * as React from 'react';\nimport FixedLayout from '../FixedLayout/FixedLayout';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ViewWidth } from '../AdaptivityProvider/AdaptivityContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './PanelHeaderContext.css';\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\nexport const PanelHeaderContext: React.FC<PanelHeaderContextProps> = ({\n  children,\n  onClose,\n  opened = false,\n  ...restProps\n}) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { viewWidth } = useAdaptivity();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const elementRef = React.useRef<HTMLDivElement>();\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  // start closing on outer click\n  useGlobalEventListener(document, 'click', isDesktop && opened && !closing && ((event) => {\n    if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n      onClose();\n    }\n  }));\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(() => closing ? animationFallback.set() : animationFallback.clear(), [closing]);\n\n  return (\n    <FixedLayout {...restProps} vkuiClass={classNames(getClassName('PanelHeaderContext', platform), {\n      'PanelHeaderContext--opened': opened,\n      'PanelHeaderContext--closing': closing,\n      'PanelHeaderContext--desktop': isDesktop,\n    })} vertical=\"top\">\n      <div vkuiClass=\"PanelHeaderContext__in\" ref={elementRef} onAnimationEnd={closing ? onAnimationEnd : null}>\n        <div vkuiClass=\"PanelHeaderContext__content\">\n          {visible && children}\n        </div>\n      </div>\n      {!isDesktop && visible && <div onClick={onClose} vkuiClass=\"PanelHeaderContext__fade\" />}\n    </FixedLayout>\n  );\n};\n"],"file":"PanelHeaderContext.js"}
+{"version":3,"sources":["../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"names":["React","FixedLayout","classNames","getClassName","ViewWidth","useAdaptivity","useDOM","useIsomorphicLayoutEffect","useGlobalEventListener","useTimeout","usePlatform","PanelHeaderContext","children","onClose","opened","restProps","document","platform","useState","visible","setVisible","closing","viewWidth","isDesktop","SMALL_TABLET","elementRef","useRef","event","current","contains","target","onAnimationEnd","animationFallback","useEffect","set","clear"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,WAAP;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,SAAT;AACA,SAASC,aAAT;AACA,SAASC,MAAT;AACA,SAASC,yBAAT;AACA,SAASC,sBAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AASA,OAAO,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,OAK/D;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,yBAFJC,MAEI;AAAA,MAFJA,MAEI,4BAFK,KAEL;AAAA,MADDC,SACC;;AACJ,gBAAqBT,MAAM,EAA3B;AAAA,MAAQU,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;;AACA,wBAA8BV,KAAK,CAACkB,QAAN,CAAeJ,MAAf,CAA9B;AAAA;AAAA,MAAOK,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAGF,OAAO,IAAI,CAACL,MAA5B;;AACA,uBAAsBT,aAAa,EAAnC;AAAA,MAAQiB,SAAR,kBAAQA,SAAR;;AACA,MAAMC,SAAS,GAAGD,SAAS,IAAIlB,SAAS,CAACoB,YAAzC;AACA,MAAMC,UAAU,GAAGzB,KAAK,CAAC0B,MAAN,EAAnB;AAEAnB,EAAAA,yBAAyB,CAAC,YAAM;AAC9BO,IAAAA,MAAM,IAAIM,UAAU,CAAC,IAAD,CAApB;AACD,GAFwB,EAEtB,CAACN,MAAD,CAFsB,CAAzB,CATI,CAaJ;;AACAN,EAAAA,sBAAsB,CACpBQ,QADoB,EAEpB,OAFoB,EAGpBO,SAAS,IACPT,MADF,IAEE,CAACO,OAFH,IAGG,UAACM,KAAD,EAAW;AACV,QACEF,UAAU,CAACG,OAAX,IACA,CAACH,UAAU,CAACG,OAAX,CAAmBC,QAAnB,CAA4BF,KAAK,CAACG,MAAlC,CAFH,EAGE;AACAjB,MAAAA,OAAO;AACR;AACF,GAbiB,CAAtB,CAdI,CA8BJ;;AACA,MAAMkB,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMX,UAAU,CAAC,KAAD,CAAhB;AAAA,GAAvB;;AACA,MAAMY,iBAAiB,GAAGvB,UAAU,CAACsB,cAAD,EAAiB,GAAjB,CAApC;AACA/B,EAAAA,KAAK,CAACiC,SAAN,CACE;AAAA,WAAOZ,OAAO,GAAGW,iBAAiB,CAACE,GAAlB,EAAH,GAA6BF,iBAAiB,CAACG,KAAlB,EAA3C;AAAA,GADF,EAEE,CAACd,OAAD,CAFF;AAKA,SACE,oBAAC,WAAD,eACMN,SADN;AAEE,IAAA,SAAS,EAAEb,UAAU,CAACC,YAAY,CAAC,oBAAD,EAAuBc,QAAvB,CAAb,EAA+C;AAClE,oCAA8BH,MADoC;AAElE,qCAA+BO,OAFmC;AAGlE,qCAA+BE;AAHmC,KAA/C,CAFvB;AAOE,IAAA,QAAQ,EAAC;AAPX,MASE;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,GAAG,EAAEE,UAFP;AAGE,IAAA,cAAc,EAAEJ,OAAO,GAAGU,cAAH,GAAoB;AAH7C,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CZ,OAAO,IAAIP,QAAzD,CALF,CATF,EAgBG,CAACW,SAAD,IAAcJ,OAAd,IACC;AAAK,IAAA,OAAO,EAAEN,OAAd;AAAuB,IAAA,SAAS,EAAC;AAAjC,IAjBJ,CADF;AAsBD,CAjEM","sourcesContent":["import * as React from \"react\";\nimport FixedLayout from \"../FixedLayout/FixedLayout\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./PanelHeaderContext.css\";\n\nexport interface PanelHeaderContextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\nexport const PanelHeaderContext: React.FC<PanelHeaderContextProps> = ({\n  children,\n  onClose,\n  opened = false,\n  ...restProps\n}) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { viewWidth } = useAdaptivity();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const elementRef = React.useRef<HTMLDivElement>();\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    \"click\",\n    isDesktop &&\n      opened &&\n      !closing &&\n      ((event) => {\n        if (\n          elementRef.current &&\n          !elementRef.current.contains(event.target as Node)\n        ) {\n          onClose();\n        }\n      })\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [closing]\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"PanelHeaderContext\", platform), {\n        \"PanelHeaderContext--opened\": opened,\n        \"PanelHeaderContext--closing\": closing,\n        \"PanelHeaderContext--desktop\": isDesktop,\n      })}\n      vertical=\"top\"\n    >\n      <div\n        vkuiClass=\"PanelHeaderContext__in\"\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : null}\n      >\n        <div vkuiClass=\"PanelHeaderContext__content\">{visible && children}</div>\n      </div>\n      {!isDesktop && visible && (\n        <div onClick={onClose} vkuiClass=\"PanelHeaderContext__fade\" />\n      )}\n    </FixedLayout>\n  );\n};\n"],"file":"PanelHeaderContext.js"}

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';
+import * as React from "react";
+import { PanelHeaderButtonProps } from "../PanelHeaderButton/PanelHeaderButton";
 export interface PanelHeaderEditProps extends PanelHeaderButtonProps {
     /**
      * Включен ли режим редактирования

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js

@@ -4,7 +4,7 @@ var _excluded = ["isActive", "editLabel", "doneLabel"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
 import { ANDROID, VKCOM } from "../../lib/platform";
-import { Icon28EditOutline, Icon28DoneOutline } from '@vkontakte/icons';
+import { Icon28EditOutline, Icon28DoneOutline } from "@vkontakte/icons";
 import { usePlatform } from "../../hooks/usePlatform";
 
 var PanelHeaderEdit = function PanelHeaderEdit(_ref) {
@@ -23,8 +23,8 @@ var PanelHeaderEdit = function PanelHeaderEdit(_ref) {
 
 PanelHeaderEdit.defaultProps = {
   isActive: false,
-  editLabel: 'Редактировать',
-  doneLabel: 'Готово'
+  editLabel: "Редактировать",
+  doneLabel: "Готово"
 };
 export default PanelHeaderEdit;
 //# sourceMappingURL=PanelHeaderEdit.js.map

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":["PanelHeaderButton","ANDROID","VKCOM","Icon28EditOutline","Icon28DoneOutline","usePlatform","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","platform","defaultProps"],"mappings":";;;;AACA,SAASA,iBAAT;AACA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,QAAqD,kBAArD;AACA,SAASC,WAAT;;AAiBA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,SAE0B,QAF1BA,SAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,OAAO,GAAGJ,QAAQ,GAAGE,SAAH,GAAeD,SAAvC;AACA,MAAMI,WAAW,GAAGL,QAAQ,GAAGH,iBAAH,GAAuBD,iBAAnD;AACA,MAAMU,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,iBAAD;AAAmB,kBAAYM;AAA/B,KAA4CD,SAA5C,GACGG,QAAQ,KAAKZ,OAAb,IAAwBY,QAAQ,KAAKX,KAArC,GACG,oBAAC,WAAD,OADH,GAEGS,OAHN,CADF;AAQD,CAlBD;;AAoBAL,eAAe,CAACQ,YAAhB,GAA+B;AAC7BP,EAAAA,QAAQ,EAAE,KADmB;AAE7BC,EAAAA,SAAS,EAAE,eAFkB;AAG7BC,EAAAA,SAAS,EAAE;AAHkB,CAA/B;AAMA,eAAeH,eAAf","sourcesContent":["import * as React from 'react';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { Icon28EditOutline, Icon28DoneOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\nconst PanelHeaderEdit: React.FunctionComponent<PanelHeaderEditProps> = ({\n  isActive,\n  editLabel,\n  doneLabel,\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === ANDROID || platform === VKCOM\n        ? <AndroidIcon />\n        : iOSText\n      }\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderEdit.defaultProps = {\n  isActive: false,\n  editLabel: 'Редактировать',\n  doneLabel: 'Готово',\n};\n\nexport default PanelHeaderEdit;\n"],"file":"PanelHeaderEdit.js"}
+{"version":3,"sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":["PanelHeaderButton","ANDROID","VKCOM","Icon28EditOutline","Icon28DoneOutline","usePlatform","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","platform","defaultProps"],"mappings":";;;;AACA,SACEA,iBADF;AAIA,SAASC,OAAT,EAAkBC,KAAlB;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,QAAqD,kBAArD;AACA,SAASC,WAAT;;AAiBA,IAAMC,eAA8D,GAAG,SAAjEA,eAAiE,OAK3C;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,MAH1BC,SAG0B,QAH1BA,SAG0B;AAAA,MAF1BC,SAE0B,QAF1BA,SAE0B;AAAA,MADvBC,SACuB;;AAC1B,MAAMC,OAAO,GAAGJ,QAAQ,GAAGE,SAAH,GAAeD,SAAvC;AACA,MAAMI,WAAW,GAAGL,QAAQ,GAAGH,iBAAH,GAAuBD,iBAAnD;AACA,MAAMU,QAAQ,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,iBAAD;AAAmB,kBAAYM;AAA/B,KAA4CD,SAA5C,GACGG,QAAQ,KAAKZ,OAAb,IAAwBY,QAAQ,KAAKX,KAArC,GAA6C,oBAAC,WAAD,OAA7C,GAA+DS,OADlE,CADF;AAKD,CAfD;;AAiBAL,eAAe,CAACQ,YAAhB,GAA+B;AAC7BP,EAAAA,QAAQ,EAAE,KADmB;AAE7BC,EAAAA,SAAS,EAAE,eAFkB;AAG7BC,EAAAA,SAAS,EAAE;AAHkB,CAA/B;AAMA,eAAeH,eAAf","sourcesContent":["import * as React from \"react\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Icon28EditOutline, Icon28DoneOutline } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\nconst PanelHeaderEdit: React.FunctionComponent<PanelHeaderEditProps> = ({\n  isActive,\n  editLabel,\n  doneLabel,\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === ANDROID || platform === VKCOM ? <AndroidIcon /> : iOSText}\n    </PanelHeaderButton>\n  );\n};\n\nPanelHeaderEdit.defaultProps = {\n  isActive: false,\n  editLabel: \"Редактировать\",\n  doneLabel: \"Готово\",\n};\n\nexport default PanelHeaderEdit;\n"],"file":"PanelHeaderEdit.js"}

package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.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 PanelHeaderSubmit: React.FunctionComponent<PanelHeaderButtonProps>;
 export default PanelHeaderSubmit;

package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import { PanelHeaderButton } from "../PanelHeaderButton/PanelHeaderButton";
-import { Icon28DoneOutline } from '@vkontakte/icons';
+import { Icon28DoneOutline } from "@vkontakte/icons";
 import { ANDROID, VKCOM } from "../../lib/platform";
 import { usePlatform } from "../../hooks/usePlatform";
 import { getTitleFromChildren } from "../../lib/utils";
@@ -20,7 +20,7 @@ var PanelHeaderSubmit = function PanelHeaderSubmit(_ref) {
 };
 
 PanelHeaderSubmit.defaultProps = {
-  children: 'Готово'
+  children: "Готово"
 };
 export default PanelHeaderSubmit;
 //# sourceMappingURL=PanelHeaderSubmit.js.map