@vkontakte/vkui 5.2.4 → 5.3.0

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

@@ -1,92 +1,90 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PanelHeaderButton", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderButton;
+    }
 });
-exports.PanelHeaderButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
 var _utils = require("../../lib/utils");
 var _warnOnce = require("../../lib/warnOnce");
-var _Tappable = require("../Tappable/Tappable");
-var _Text = require("../Typography/Text/Text");
-var _Title = require("../Typography/Title/Title");
-var _excluded = ["children", "primary", "label", "className"];
+var _tappable = require("../Tappable/Tappable");
+var _text = require("../Typography/Text/Text");
+var _title = require("../Typography/Title/Title");
 var platformClassNames = {
-  ios: "vkuiPanelHeaderButton--ios",
-  android: "vkuiPanelHeaderButton--android",
-  vkcom: "vkuiPanelHeaderButton--vkcom"
+    ios: "vkuiPanelHeaderButton--ios",
+    android: "vkuiPanelHeaderButton--android",
+    vkcom: "vkuiPanelHeaderButton--vkcom"
 };
-var ButtonTypography = function ButtonTypography(_ref) {
-  var primary = _ref.primary,
-    children = _ref.children;
-  var platform = (0, _usePlatform.usePlatform)();
-  if (platform === _platform.Platform.IOS) {
-    return /*#__PURE__*/React.createElement(_Title.Title, {
-      Component: "span",
-      level: "3",
-      weight: primary ? '1' : '3'
+var ButtonTypography = function(param) {
+    var primary = param.primary, children = param.children;
+    var platform = (0, _usePlatform.usePlatform)();
+    if (platform === _platform.Platform.IOS) {
+        return /*#__PURE__*/ _react.createElement(_title.Title, {
+            Component: "span",
+            level: "3",
+            weight: primary ? "1" : "3"
+        }, children);
+    }
+    return /*#__PURE__*/ _react.createElement(_text.Text, {
+        weight: platform === _platform.Platform.VKCOM ? undefined : "2"
     }, children);
-  }
-  return /*#__PURE__*/React.createElement(_Text.Text, {
-    weight: platform === _platform.Platform.VKCOM ? undefined : '2'
-  }, children);
 };
-var warn = (0, _warnOnce.warnOnce)('PanelHeaderButton');
-
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton
- */
-var PanelHeaderButton = function PanelHeaderButton(_ref2) {
-  var children = _ref2.children,
-    _ref2$primary = _ref2.primary,
-    primary = _ref2$primary === void 0 ? false : _ref2$primary,
-    label = _ref2.label,
-    className = _ref2.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var isPrimitive = (0, _vkjs.isPrimitiveReactNode)(children);
-  var isPrimitiveLabel = (0, _vkjs.isPrimitiveReactNode)(label);
-  var platform = (0, _usePlatform.usePlatform)();
-  var hoverMode;
-  var activeMode;
-  switch (platform) {
-    case _platform.Platform.IOS:
-      hoverMode = 'background';
-      activeMode = 'opacity';
-      break;
-    case _platform.Platform.VKCOM:
-      hoverMode = "vkuiPanelHeaderButton--hover";
-      activeMode = "vkuiPanelHeaderButton--active";
-      break;
-    default:
-      hoverMode = 'background';
-      activeMode = 'background';
-  }
-  if (process.env.NODE_ENV === 'development') {
-    var hasAccessibleName = Boolean((0, _utils.getTitleFromChildren)(children) || (0, _utils.getTitleFromChildren)(label) || restProps['aria-label'] || restProps['aria-labelledby']);
-    if (!hasAccessibleName) {
-      warn('a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.', 'error');
+var warn = (0, _warnOnce.warnOnce)("PanelHeaderButton");
+var PanelHeaderButton = function(_param) {
+    var children = _param.children, _param_primary = _param.primary, primary = _param_primary === void 0 ? false : _param_primary, label = _param.label, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "primary",
+        "label",
+        "className"
+    ]);
+    var isPrimitive = (0, _vkjs.isPrimitiveReactNode)(children);
+    var isPrimitiveLabel = (0, _vkjs.isPrimitiveReactNode)(label);
+    var platform = (0, _usePlatform.usePlatform)();
+    var hoverMode;
+    var activeMode;
+    switch(platform){
+        case _platform.Platform.IOS:
+            hoverMode = "background";
+            activeMode = "opacity";
+            break;
+        case _platform.Platform.VKCOM:
+            hoverMode = "vkuiPanelHeaderButton--hover";
+            activeMode = "vkuiPanelHeaderButton--active";
+            break;
+        default:
+            hoverMode = "background";
+            activeMode = "background";
+    }
+    if (process.env.NODE_ENV === "development") {
+        var hasAccessibleName = Boolean((0, _utils.getTitleFromChildren)(children) || (0, _utils.getTitleFromChildren)(label) || restProps["aria-label"] || restProps["aria-labelledby"]);
+        if (!hasAccessibleName) {
+            warn("a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.", "error");
+        }
     }
-  }
-  return /*#__PURE__*/React.createElement(_Tappable.Tappable, (0, _extends2.default)({
-    Component: restProps.href ? 'a' : 'button'
-  }, restProps, {
-    hoverMode: hoverMode,
-    activeEffectDelay: 200,
-    activeMode: activeMode,
-    className: (0, _vkjs.classNames)("vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className)
-  }), isPrimitive ? /*#__PURE__*/React.createElement(ButtonTypography, {
-    primary: primary
-  }, children) : children, isPrimitiveLabel ? /*#__PURE__*/React.createElement(ButtonTypography, {
-    primary: primary,
-    className: "vkuiPanelHeaderButton__label"
-  }, label) : label);
+    return /*#__PURE__*/ _react.createElement(_tappable.Tappable, _objectSpreadProps(_objectSpread({
+        Component: restProps.href ? "a" : "button"
+    }, restProps), {
+        hoverMode: hoverMode,
+        activeEffectDelay: 200,
+        activeMode: activeMode,
+        className: (0, _vkjs.classNames)("vkuiPanelHeaderButton", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, isPrimitive && "vkuiPanelHeaderButton--primitive", !isPrimitive && !isPrimitiveLabel && "vkuiPanelHeaderButton--notPrimitive", className)
+    }), isPrimitive ? /*#__PURE__*/ _react.createElement(ButtonTypography, {
+        primary: primary
+    }, children) : children, isPrimitiveLabel ? /*#__PURE__*/ _react.createElement(ButtonTypography, {
+        primary: primary,
+        className: "vkuiPanelHeaderButton__label"
+    }, label) : label);
 };
-exports.PanelHeaderButton = PanelHeaderButton;
+
 //# sourceMappingURL=PanelHeaderButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.js","names":["platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","usePlatform","Platform","IOS","VKCOM","undefined","warn","warnOnce","PanelHeaderButton","label","className","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","getTitleFromChildren","href","classNames","hasOwnProperty"],"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === Platform.IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case Platform.IOS:\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case Platform.VKCOM:\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps['aria-label'] ||\n        restProps['aria-labelledby'],\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n        'error',\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './PanelHeaderButton.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderButton--ios'],\n  android: styles['PanelHeaderButton--android'],\n  vkcom: styles['PanelHeaderButton--vkcom'],\n};\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, 'label'> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps['primary'];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === Platform.IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? '1' : '3'}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === Platform.VKCOM ? undefined : '2'}>{children}</Text>;\n};\n\nconst warn = warnOnce('PanelHeaderButton');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  className,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case Platform.IOS:\n      hoverMode = 'background';\n      activeMode = 'opacity';\n      break;\n    case Platform.VKCOM:\n      hoverMode = styles['PanelHeaderButton--hover'];\n      activeMode = styles['PanelHeaderButton--active'];\n      break;\n    default:\n      hoverMode = 'background';\n      activeMode = 'background';\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps['aria-label'] ||\n        restProps['aria-labelledby'],\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        'a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.',\n        'error',\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      hoverMode={hoverMode}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      className={classNames(\n        styles['PanelHeaderButton'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isPrimitive && styles['PanelHeaderButton--primitive'],\n        !isPrimitive && !isPrimitiveLabel && styles['PanelHeaderButton--notPrimitive'],\n        className,\n      )}\n    >\n      {isPrimitive ? <ButtonTypography primary={primary}>{children}</ButtonTypography> : children}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary} className={styles['PanelHeaderButton__label']}>\n          {label}\n        </ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"names":["PanelHeaderButton","platformClassNames","ios","android","vkcom","ButtonTypography","primary","children","platform","usePlatform","Platform","IOS","Title","Component","level","weight","Text","VKCOM","undefined","warn","warnOnce","label","className","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","process","env","NODE_ENV","hasAccessibleName","Boolean","getTitleFromChildren","Tappable","href","activeEffectDelay","classNames","hasOwnProperty"],"mappings":";;;;+BA6CaA;;;eAAAA;;;;;;;2DA7CU;oBAC0B;2BACrB;wBACH;qBACY;wBACZ;wBACe;oBACnB;qBACC;AAGtB,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAWA,IAAMC,mBAAmB,gBAAkD;QAA/CC,gBAAAA,SAASC,iBAAAA;IACnC,IAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAaE,kBAAQ,CAACC,GAAG,EAAE;QAC7B,qBACE,qBAACC,YAAK;YAACC,WAAU;YAAOC,OAAM;YAAIC,QAAQT,UAAU,MAAM,GAAG;WAC1DC;IAGP,CAAC;IAED,qBAAO,qBAACS,UAAI;QAACD,QAAQP,aAAaE,kBAAQ,CAACO,KAAK,GAAGC,YAAY,GAAG;OAAGX;AACvE;AAEA,IAAMY,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,IAAMpB,oBAAoB,iBAMH;QAL5BO,kBAAAA,kCACAD,SAAAA,sCAAU,KAAK,mBACfe,eAAAA,OACAC,mBAAAA,WACGC;QAJHhB;QACAD;QACAe;QACAC;;IAGA,IAAME,cAAcC,IAAAA,0BAAoB,EAAClB;IACzC,IAAMmB,mBAAmBD,IAAAA,0BAAoB,EAACJ;IAC9C,IAAMb,WAAWC,IAAAA,wBAAW;IAE5B,IAAIkB;IACJ,IAAIC;IAEJ,OAAQpB;QACN,KAAKE,kBAAQ,CAACC,GAAG;YACfgB,YAAY;YACZC,aAAa;YACb,KAAM;QACR,KAAKlB,kBAAQ,CAACO,KAAK;YACjBU;YACAC;YACA,KAAM;QACR;YACED,YAAY;YACZC,aAAa;IACjB;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAMC,oBAAoBC,QACxBC,IAAAA,2BAAoB,EAAC3B,aACnB2B,IAAAA,2BAAoB,EAACb,UACrBE,SAAS,CAAC,aAAa,IACvBA,SAAS,CAAC,kBAAkB;QAGhC,IAAI,CAACS,mBAAmB;YACtBb,KACE,sMACA;QAEJ,CAAC;IACH,CAAC;IAED,qBACE,qBAACgB,kBAAQ;QACPtB,WAAWU,UAAUa,IAAI,GAAG,MAAM,QAAQ;OACtCb;QACJI,WAAWA;QACXU,mBAAmB;QACnBT,YAAYA;QACZN,WAAWgB,IAAAA,gBAAU,2BAEnBrC,mBAAmBsC,cAAc,CAAC/B,YAC9BP,kBAAkB,CAACO,SAAS,GAC5BP,mBAAmBE,OAAO,EAC9BqB,mDACA,CAACA,eAAe,CAACE,2DACjBJ;QAGDE,4BAAc,qBAACnB;QAAiBC,SAASA;OAAUC,YAA+BA,QAAQ,EAC1FmB,iCACC,qBAACrB;QAAiBC,SAASA;QAASgB,SAAS;OAC1CD,SAGHA,KACD;AAGP"}

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

@@ -1,31 +1,30 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PanelHeaderClose", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderClose;
+    }
 });
-exports.PanelHeaderClose = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
 var _utils = require("../../lib/utils");
-var _PanelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
-var _excluded = ["children"];
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose
- */
-var PanelHeaderClose = function PanelHeaderClose(_ref) {
-  var _ref$children = _ref.children,
-    children = _ref$children === void 0 ? 'Отмена' : _ref$children,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({
-    "aria-label": (0, _utils.getTitleFromChildren)(children)
-  }, restProps), platform === _platform.Platform.IOS ? children : /*#__PURE__*/React.createElement(_icons.Icon28CancelOutline, null));
+var _panelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
+var PanelHeaderClose = function(_param) {
+    var _param_children = _param.children, children = _param_children === void 0 ? "Отмена" : _param_children, restProps = _objectWithoutProperties(_param, [
+        "children"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    return /*#__PURE__*/ _react.createElement(_panelHeaderButton.PanelHeaderButton, _objectSpread({
+        "aria-label": (0, _utils.getTitleFromChildren)(children)
+    }, restProps), platform === _platform.Platform.IOS ? children : /*#__PURE__*/ _react.createElement(_icons.Icon28CancelOutline, null));
 };
-exports.PanelHeaderClose = PanelHeaderClose;
+
 //# sourceMappingURL=PanelHeaderClose.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderClose.js","names":["PanelHeaderClose","children","restProps","platform","usePlatform","getTitleFromChildren","Platform","IOS"],"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAmG;AAEnG;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAsE;EAAA,yBAAhEC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IAAKC,SAAS;EAClE,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,oBACE,oBAAC,oCAAiB;IAAC,cAAY,IAAAC,2BAAoB,EAACJ,QAAQ;EAAE,GAAKC,SAAS,GACzEC,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,GAAGN,QAAQ,gBAAG,oBAAC,0BAAmB,OAAG,CAC7C;AAExB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28CancelOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { getTitleFromChildren } from '../../lib/utils';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({ children = 'Отмена', ...restProps }: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderClose","children","restProps","platform","usePlatform","PanelHeaderButton","aria-label","getTitleFromChildren","Platform","IOS","Icon28CancelOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;2DAVU;qBACa;2BACR;wBACH;qBACY;iCACqB;AAKnD,IAAMA,mBAAmB,iBAAmE;iCAAhEC,UAAAA,wCAAW,4BAAaC;QAAxBD;;IACjC,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,qBACE,qBAACC,oCAAiB;QAACC,cAAYC,IAAAA,2BAAoB,EAACN;OAAeC,YAChEC,aAAaK,kBAAQ,CAACC,GAAG,GAAGR,yBAAW,qBAACS,0BAAmB,OAAG;AAGrE"}

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

@@ -1,87 +1,84 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PanelHeaderContent", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderContent;
+    }
 });
-exports.PanelHeaderContent = void 0;
-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 React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _usePlatform = require("../../hooks/usePlatform");
 var _platform = require("../../lib/platform");
-var _Tappable = require("../Tappable/Tappable");
-var _Footnote = require("../Typography/Footnote/Footnote");
-var _Headline = require("../Typography/Headline/Headline");
-var _Text = require("../Typography/Text/Text");
-var _excluded = ["className", "style", "aside", "status", "before", "children", "onClick"];
+var _tappable = require("../Tappable/Tappable");
+var _footnote = require("../Typography/Footnote/Footnote");
+var _headline = require("../Typography/Headline/Headline");
+var _text = require("../Typography/Text/Text");
 var platformClassNames = {
-  ios: "vkuiPanelHeaderContent--ios",
-  android: "vkuiPanelHeaderContent--android",
-  vkcom: "vkuiPanelHeaderContent--vkcom"
+    ios: "vkuiPanelHeaderContent--ios",
+    android: "vkuiPanelHeaderContent--android",
+    vkcom: "vkuiPanelHeaderContent--vkcom"
 };
-var PanelHeaderChildren = function PanelHeaderChildren(_ref) {
-  var hasStatus = _ref.hasStatus,
-    hasBefore = _ref.hasBefore,
-    children = _ref.children;
-  var platform = (0, _usePlatform.usePlatform)();
-  if (platform === _platform.Platform.VKCOM) {
-    return /*#__PURE__*/React.createElement(_Text.Text, {
-      Component: "div",
-      weight: "2"
+var PanelHeaderChildren = function(param) {
+    var hasStatus = param.hasStatus, hasBefore = param.hasBefore, children = param.children;
+    var platform = (0, _usePlatform.usePlatform)();
+    if (platform === _platform.Platform.VKCOM) {
+        return /*#__PURE__*/ _react.createElement(_text.Text, {
+            Component: "div",
+            weight: "2"
+        }, children);
+    }
+    return hasStatus || hasBefore ? /*#__PURE__*/ _react.createElement(_headline.Headline, {
+        Component: "div",
+        weight: "2"
+    }, children) : /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContent__children-in"
     }, children);
-  }
-  return hasStatus || hasBefore ? /*#__PURE__*/React.createElement(_Headline.Headline, {
-    Component: "div",
-    weight: "2"
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContent__children-in"
-  }, children);
 };
-
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent
- */
-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.Tappable : '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.Platform.IOS,
-    activeMode: 'opacity'
-  }) : {};
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, rootProps, {
-    style: style,
-    className: (0, _vkjs.classNames)("vkuiPanelHeaderContent", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, className)
-  }), (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContent__before"
-  }, before), /*#__PURE__*/React.createElement(InComponent, (0, _extends2.default)({}, inProps, {
-    className: (0, _vkjs.classNames)("vkuiPanelHeaderContent__in", !before && platform !== _platform.Platform.ANDROID && "vkuiPanelHeaderContent__in--centered")
-  }), (0, _vkjs.hasReactNode)(status) && /*#__PURE__*/React.createElement(_Footnote.Footnote, {
-    className: "vkuiPanelHeaderContent__status"
-  }, status), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContent__children"
-  }, /*#__PURE__*/React.createElement(PanelHeaderChildren, {
-    hasStatus: (0, _vkjs.hasReactNode)(status),
-    hasBefore: (0, _vkjs.hasReactNode)(before)
-  }, children), (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContent__aside"
-  }, aside)), (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContent__width"
-  })));
+var PanelHeaderContent = function(_param) {
+    var className = _param.className, style = _param.style, aside = _param.aside, status = _param.status, before = _param.before, children = _param.children, onClick = _param.onClick, restProps = _objectWithoutProperties(_param, [
+        "className",
+        "style",
+        "aside",
+        "status",
+        "before",
+        "children",
+        "onClick"
+    ]);
+    var InComponent = onClick ? _tappable.Tappable : "div";
+    var rootProps = onClick ? {} : restProps;
+    var platform = (0, _usePlatform.usePlatform)();
+    var inProps = onClick ? _objectSpreadProps(_objectSpread({}, restProps), {
+        onClick: onClick,
+        activeEffectDelay: 200,
+        hasActive: platform === _platform.Platform.IOS,
+        activeMode: "opacity"
+    }) : {};
+    return /*#__PURE__*/ _react.createElement("div", _objectSpreadProps(_objectSpread({}, rootProps), {
+        style: style,
+        className: (0, _vkjs.classNames)("vkuiPanelHeaderContent", platformClassNames.hasOwnProperty(platform) ? platformClassNames[platform] : platformClassNames.android, className)
+    }), (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContent__before"
+    }, before), /*#__PURE__*/ _react.createElement(InComponent, _objectSpreadProps(_objectSpread({}, inProps), {
+        className: (0, _vkjs.classNames)("vkuiPanelHeaderContent__in", !before && platform !== _platform.Platform.ANDROID && "vkuiPanelHeaderContent__in--centered")
+    }), (0, _vkjs.hasReactNode)(status) && /*#__PURE__*/ _react.createElement(_footnote.Footnote, {
+        className: "vkuiPanelHeaderContent__status"
+    }, status), /*#__PURE__*/ _react.createElement("div", {
+        className: (0, _vkjs.classNames)("vkuiInternalPanelHeaderContent__children", "vkuiPanelHeaderContent__children")
+    }, /*#__PURE__*/ _react.createElement(PanelHeaderChildren, {
+        hasStatus: (0, _vkjs.hasReactNode)(status),
+        hasBefore: (0, _vkjs.hasReactNode)(before)
+    }, children), (0, _vkjs.hasReactNode)(aside) && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContent__aside"
+    }, aside)), (0, _vkjs.hasReactNode)(before) && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContent__width"
+    })));
 };
-exports.PanelHeaderContent = PanelHeaderContent;
+
 //# sourceMappingURL=PanelHeaderContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderContent.js","names":["platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","classNames","hasOwnProperty","hasReactNode","ANDROID"],"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\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 === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div className={styles['PanelHeaderContent__children']}>\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA+C;AAG/C,IAAMA,kBAAkB,GAAG;EACzBC,GAAG,+BAAmC;EACtCC,OAAO,mCAAuC;EAC9CC,KAAK;AACP,CAAC;AAcD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,OAAqE;EAAA,IAA/DC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;EAC3D,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,IAAID,QAAQ,KAAKE,kBAAQ,CAACC,KAAK,EAAE;IAC/B,oBACE,oBAAC,UAAI;MAAC,SAAS,EAAC,KAAK;MAAC,MAAM,EAAC;IAAG,GAC7BJ,QAAQ,CACJ;EAEX;EAEA,OAAOF,SAAS,IAAIC,SAAS,gBAC3B,oBAAC,kBAAQ;IAAC,SAAS,EAAC,KAAK;IAAC,MAAM,EAAC;EAAG,GACjCC,QAAQ,CACA,gBAEX;IAAK,SAAS;EAA4C,GAAEA,QAAQ,CACrE;AACH,CAAC;;AAED;AACA;AACA;AACO,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkB,QASA;EAAA,IAR7BC,SAAS,SAATA,SAAS;IACTC,KAAK,SAALA,KAAK;IACLC,KAAK,SAALA,KAAK;IACLC,MAAM,SAANA,MAAM;IACNC,MAAM,SAANA,MAAM;IACNV,QAAQ,SAARA,QAAQ;IACRW,OAAO,SAAPA,OAAO;IACJC,SAAS;EAEZ,IAAMC,WAAW,GAAGF,OAAO,GAAGG,kBAAQ,GAAG,KAAK;EAC9C,IAAMC,SAAS,GAAGJ,OAAO,GAAG,CAAC,CAAC,GAAGC,SAAS;EAC1C,IAAMX,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,IAAMc,OAAO,GAAGL,OAAO,+DAEdC,SAAS;IACZD,OAAO,EAAPA,OAAO;IACPM,iBAAiB,EAAE,GAAG;IACtBC,SAAS,EAAEjB,QAAQ,KAAKE,kBAAQ,CAACgB,GAAG;IACpCC,UAAU,EAAE;EAAS,KAEvB,CAAC,CAAC;EAEN,oBACE,sDACML,SAAS;IACb,KAAK,EAAER,KAAM;IACb,SAAS,EAAE,IAAAc,gBAAU,4BAEnB5B,kBAAkB,CAAC6B,cAAc,CAACrB,QAAQ,CAAC,GACvCR,kBAAkB,CAACQ,QAAQ,CAAC,GAC5BR,kBAAkB,CAACE,OAAO,EAC9BW,SAAS;EACT,IAED,IAAAiB,kBAAY,EAACb,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAuC,GAAEA,MAAM,CAAO,eAC7F,oBAAC,WAAW,6BACNM,OAAO;IACX,SAAS,EAAE,IAAAK,gBAAU,gCAEnB,CAACX,MAAM,IAAIT,QAAQ,KAAKE,kBAAQ,CAACqB,OAAO,0CAA8C;EACtF,IAED,IAAAD,kBAAY,EAACd,MAAM,CAAC,iBACnB,oBAAC,kBAAQ;IAAC,SAAS;EAAuC,GAAEA,MAAM,CACnE,eACD;IAAK,SAAS;EAAyC,gBACrD,oBAAC,mBAAmB;IAAC,SAAS,EAAE,IAAAc,kBAAY,EAACd,MAAM,CAAE;IAAC,SAAS,EAAE,IAAAc,kBAAY,EAACb,MAAM;EAAE,GACnFV,QAAQ,CACW,EACrB,IAAAuB,kBAAY,EAACf,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAsC,GAAEA,KAAK,CAC5D,CACG,EACL,IAAAe,kBAAY,EAACb,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAsC,EAAG,CACpE,CACV;AAEV,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles['PanelHeaderContent--ios'],\n  android: styles['PanelHeaderContent--android'],\n  vkcom: styles['PanelHeaderContent--vkcom'],\n};\n\nexport interface PanelHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({ hasStatus, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div className={styles['PanelHeaderContent__children-in']}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\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 === Platform.IOS,\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      style={style}\n      className={classNames(\n        styles['PanelHeaderContent'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        className,\n      )}\n    >\n      {hasReactNode(before) && <div className={styles['PanelHeaderContent__before']}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(\n          styles['PanelHeaderContent__in'],\n          !before && platform !== Platform.ANDROID && styles['PanelHeaderContent__in--centered'],\n        )}\n      >\n        {hasReactNode(status) && (\n          <Footnote className={styles['PanelHeaderContent__status']}>{status}</Footnote>\n        )}\n        <div\n          className={classNames(\n            'vkuiInternalPanelHeaderContent__children',\n            styles['PanelHeaderContent__children'],\n          )}\n        >\n          <PanelHeaderChildren hasStatus={hasReactNode(status)} hasBefore={hasReactNode(before)}>\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div className={styles['PanelHeaderContent__aside']}>{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div className={styles['PanelHeaderContent__width']} />}\n      </InComponent>\n    </div>\n  );\n};\n"],"names":["PanelHeaderContent","platformClassNames","ios","android","vkcom","PanelHeaderChildren","hasStatus","hasBefore","children","platform","usePlatform","Platform","VKCOM","Text","Component","weight","Headline","div","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","classNames","hasOwnProperty","hasReactNode","ANDROID","Footnote"],"mappings":";;;;+BAkDaA;;;eAAAA;;;;;;;2DAlDU;oBACkB;2BACb;wBACH;wBACA;wBACA;wBACA;oBACJ;AAGrB,IAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAcA,IAAMC,sBAAsB,gBAAkE;QAA/DC,kBAAAA,WAAWC,kBAAAA,WAAWC,iBAAAA;IACnD,IAAMC,WAAWC,IAAAA,wBAAW;IAC5B,IAAID,aAAaE,kBAAQ,CAACC,KAAK,EAAE;QAC/B,qBACE,qBAACC,UAAI;YAACC,WAAU;YAAMC,QAAO;WAC1BP;IAGP,CAAC;IAED,OAAOF,aAAaC,0BAClB,qBAACS,kBAAQ;QAACF,WAAU;QAAMC,QAAO;OAC9BP,0BAGH,qBAACS;QAAIC,SAAS;OAA8CV,SAC7D;AACH;AAKO,IAAMR,qBAAqB,iBASH;QAR7BkB,mBAAAA,WACAC,eAAAA,OACAC,eAAAA,OACAC,gBAAAA,QACAC,gBAAAA,QACAd,kBAAAA,UACAe,iBAAAA,SACGC;QAPHN;QACAC;QACAC;QACAC;QACAC;QACAd;QACAe;;IAGA,IAAME,cAAcF,UAAUG,kBAAQ,GAAG,KAAK;IAC9C,IAAMC,YAAYJ,UAAU,CAAC,IAAIC,SAAS;IAC1C,IAAMf,WAAWC,IAAAA,wBAAW;IAC5B,IAAMkB,UAAUL,UACZ,qCACKC;QACHD,SAAAA;QACAM,mBAAmB;QACnBC,WAAWrB,aAAaE,kBAAQ,CAACoB,GAAG;QACpCC,YAAY;SAEd,CAAC,CAAC;IAEN,qBACE,qBAACf,4CACKU;QACJR,OAAOA;QACPD,WAAWe,IAAAA,gBAAU,4BAEnBhC,mBAAmBiC,cAAc,CAACzB,YAC9BR,kBAAkB,CAACQ,SAAS,GAC5BR,mBAAmBE,OAAO,EAC9Be;QAGDiB,IAAAA,kBAAY,EAACb,yBAAW,qBAACL;QAAIC,SAAS;OAAyCI,uBAChF,qBAACG,kDACKG;QACJV,WAAWe,IAAAA,gBAAU,gCAEnB,CAACX,UAAUb,aAAaE,kBAAQ,CAACyB,OAAO;QAGzCD,IAAAA,kBAAY,EAACd,yBACZ,qBAACgB,kBAAQ;QAACnB,SAAS;OAAyCG,uBAE9D,qBAACJ;QACCC,WAAWe,IAAAA,gBAAU,EACnB;qBAIF,qBAAC5B;QAAoBC,WAAW6B,IAAAA,kBAAY,EAACd;QAASd,WAAW4B,IAAAA,kBAAY,EAACb;OAC3Ed,WAEF2B,IAAAA,kBAAY,EAACf,wBACZ,qBAACH;QAAIC,SAAS;OAAwCE,SAGzDe,IAAAA,kBAAY,EAACb,yBAAW,qBAACL;QAAIC,SAAS;;AAI/C"}