@vkontakte/vkui 5.2.3 → 5.3.0

package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js

@@ -1,18 +1,22 @@
 "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, "PanelHeaderContext", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderContext;
+    }
 });
-exports.PanelHeaderContext = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var React = _interopRequireWildcard(require("react"));
+var _defineProperty = require("@swc/helpers/lib/_define_property.js").default;
+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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _usePlatform = require("../../hooks/usePlatform");
 var _useTimeout = require("../../hooks/useTimeout");
@@ -20,74 +24,67 @@ var _adaptivity = require("../../lib/adaptivity");
 var _dom = require("../../lib/dom");
 var _platform = require("../../lib/platform");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _ScrollContext = require("../AppRoot/ScrollContext");
-var _FixedLayout = require("../FixedLayout/FixedLayout");
-var _excluded = ["children", "onClose", "opened", "className"];
-var _sizeXClassNames;
-var sizeXClassNames = (_sizeXClassNames = {
-  none: "vkuiPanelHeaderContext--sizeX-none"
-}, (0, _defineProperty2.default)(_sizeXClassNames, _adaptivity.SizeType.COMPACT, "vkuiPanelHeaderContext--sizeX-compact"), (0, _defineProperty2.default)(_sizeXClassNames, _adaptivity.SizeType.REGULAR, "vkuiPanelHeaderContext--sizeX-regular"), _sizeXClassNames);
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext
- */
-var PanelHeaderContext = function PanelHeaderContext(_ref) {
-  var children = _ref.children,
-    onClose = _ref.onClose,
-    _ref$opened = _ref.opened,
-    opened = _ref$opened === void 0 ? false : _ref$opened,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var platform = (0, _usePlatform.usePlatform)();
-  var _React$useState = React.useState(opened),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1];
-  var closing = visible && !opened;
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    _useAdaptivity$sizeX = _useAdaptivity.sizeX,
-    sizeX = _useAdaptivity$sizeX === void 0 ? 'none' : _useAdaptivity$sizeX;
-  var elementRef = React.useRef(null);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    opened && setVisible(true);
-  }, [opened]);
-  (0, _ScrollContext.useScrollLock)(platform !== _platform.Platform.VKCOM && opened);
-
-  // start closing on outer click
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', opened && !closing && function (event) {
-    if (elementRef.current && !elementRef.current.contains(event.target)) {
-      event.stopPropagation();
-      onClose();
-    }
-  }, {
-    capture: true
-  });
-
-  // fallback onAnimationEnd when animationend not supported
-  var onAnimationEnd = function onAnimationEnd() {
-    return setVisible(false);
-  };
-  var animationFallback = (0, _useTimeout.useTimeout)(onAnimationEnd, 200);
-  React.useEffect(function () {
-    return closing ? animationFallback.set() : animationFallback.clear();
-  }, [animationFallback, closing]);
-  return /*#__PURE__*/React.createElement(_FixedLayout.FixedLayout, (0, _extends2.default)({}, restProps, {
-    className: (0, _vkjs.classNames)("vkuiPanelHeaderContext", platform === _platform.Platform.IOS && "vkuiPanelHeaderContext--ios", opened && "vkuiPanelHeaderContext--opened", closing && "vkuiPanelHeaderContext--closing", sizeXClassNames[sizeX], "vkuiPanelHeaderContext--rounded", className),
-    vertical: "top"
-  }), visible && /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      onClose();
-    },
-    className: "vkuiPanelHeaderContext__fade"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContext__in",
-    ref: elementRef,
-    onAnimationEnd: closing ? onAnimationEnd : undefined
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPanelHeaderContext__content"
-  }, visible && children)));
+var _scrollContext = require("../AppRoot/ScrollContext");
+var _fixedLayout = require("../FixedLayout/FixedLayout");
+var _obj;
+var sizeXClassNames = (_obj = {
+    none: "vkuiPanelHeaderContext--sizeX-none"
+}, _defineProperty(_obj, _adaptivity.SizeType.COMPACT, "vkuiPanelHeaderContext--sizeX-compact"), _defineProperty(_obj, _adaptivity.SizeType.REGULAR, "vkuiPanelHeaderContext--sizeX-regular"), _obj);
+var PanelHeaderContext = function(_param) {
+    var children = _param.children, onClose = _param.onClose, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "onClose",
+        "opened",
+        "className"
+    ]);
+    var document = (0, _dom.useDOM)().document;
+    var platform = (0, _usePlatform.usePlatform)();
+    var _React_useState = _slicedToArray(_react.useState(opened), 2), visible = _React_useState[0], setVisible = _React_useState[1];
+    var closing = visible && !opened;
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
+    var elementRef = _react.useRef(null);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        opened && setVisible(true);
+    }, [
+        opened
+    ]);
+    (0, _scrollContext.useScrollLock)(platform !== _platform.Platform.VKCOM && opened);
+    // start closing on outer click
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", opened && !closing && function(event) {
+        if (elementRef.current && !elementRef.current.contains(event.target)) {
+            event.stopPropagation();
+            onClose();
+        }
+    }, {
+        capture: true
+    });
+    // fallback onAnimationEnd when animationend not supported
+    var onAnimationEnd = function() {
+        return setVisible(false);
+    };
+    var animationFallback = (0, _useTimeout.useTimeout)(onAnimationEnd, 200);
+    _react.useEffect(function() {
+        return closing ? animationFallback.set() : animationFallback.clear();
+    }, [
+        animationFallback,
+        closing
+    ]);
+    return /*#__PURE__*/ _react.createElement(_fixedLayout.FixedLayout, _objectSpreadProps(_objectSpread({}, restProps), {
+        className: (0, _vkjs.classNames)("vkuiPanelHeaderContext", platform === _platform.Platform.IOS && "vkuiPanelHeaderContext--ios", opened && "vkuiPanelHeaderContext--opened", closing && "vkuiPanelHeaderContext--closing", sizeXClassNames[sizeX], "vkuiPanelHeaderContext--rounded", className),
+        vertical: "top"
+    }), visible && /*#__PURE__*/ _react.createElement("div", {
+        onClick: function(event) {
+            event.stopPropagation();
+            onClose();
+        },
+        className: "vkuiPanelHeaderContext__fade"
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContext__in",
+        ref: elementRef,
+        onAnimationEnd: closing ? onAnimationEnd : undefined
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPanelHeaderContext__content"
+    }, visible && children)));
 };
-exports.PanelHeaderContext = PanelHeaderContext;
+
 //# sourceMappingURL=PanelHeaderContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderContext.js","names":["sizeXClassNames","none","SizeType","COMPACT","REGULAR","PanelHeaderContext","children","onClose","opened","className","restProps","useDOM","document","platform","usePlatform","React","useState","visible","setVisible","closing","useAdaptivity","sizeX","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","Platform","VKCOM","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","classNames","IOS","undefined"],"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\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    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        styles['PanelHeaderContext--rounded'],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        <div className={styles['PanelHeaderContext__content']}>{visible && children}</div>\n      </div>\n    </FixedLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyD;AAAA;AAGzD,IAAMA,eAAe;EACnBC,IAAI;AAA0C,mDAC7CC,oBAAQ,CAACC,OAAO,4FAChBD,oBAAQ,CAACE,OAAO,6DAClB;AAOD;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAMA;EAAA,IAL7BC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,mBACPC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,cAAqB,IAAAC,WAAM,GAAE;IAArBC,QAAQ,WAARA,QAAQ;EAChB,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,sBAA8BC,KAAK,CAACC,QAAQ,CAACR,MAAM,CAAC;IAAA;IAA7CS,OAAO;IAAEC,UAAU;EAC1B,IAAMC,OAAO,GAAGF,OAAO,IAAI,CAACT,MAAM;EAClC,qBAA2B,IAAAY,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMC,UAAU,GAAGP,KAAK,CAACQ,MAAM,CAAiB,IAAI,CAAC;EAErD,IAAAC,oDAAyB,EAAC,YAAM;IAC9BhB,MAAM,IAAIU,UAAU,CAAC,IAAI,CAAC;EAC5B,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,IAAAiB,4BAAa,EAACZ,QAAQ,KAAKa,kBAAQ,CAACC,KAAK,IAAInB,MAAM,CAAC;;EAEpD;EACA,IAAAoB,8CAAsB,EACpBhB,QAAQ,EACR,OAAO,EACPJ,MAAM,IACJ,CAACW,OAAO,IACP,UAACU,KAAK,EAAK;IACV,IAAIP,UAAU,CAACQ,OAAO,IAAI,CAACR,UAAU,CAACQ,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAS,EAAE;MAC5EH,KAAK,CAACI,eAAe,EAAE;MACvB1B,OAAO,EAAE;IACX;EACF,CAAE,EACJ;IAAE2B,OAAO,EAAE;EAAK,CAAC,CAClB;;EAED;EACA,IAAMC,cAAc,GAAG,SAAjBA,cAAc;IAAA,OAASjB,UAAU,CAAC,KAAK,CAAC;EAAA;EAC9C,IAAMkB,iBAAiB,GAAG,IAAAC,sBAAU,EAACF,cAAc,EAAE,GAAG,CAAC;EACzDpB,KAAK,CAACuB,SAAS,CACb;IAAA,OAAOnB,OAAO,GAAGiB,iBAAiB,CAACG,GAAG,EAAE,GAAGH,iBAAiB,CAACI,KAAK,EAAE;EAAA,CAAC,EACrE,CAACJ,iBAAiB,EAAEjB,OAAO,CAAC,CAC7B;EAED,oBACE,oBAAC,wBAAW,6BACNT,SAAS;IACb,SAAS,EAAE,IAAA+B,gBAAU,4BAEnB5B,QAAQ,KAAKa,kBAAQ,CAACgB,GAAG,iCAAqC,EAC9DlC,MAAM,oCAAwC,EAC9CW,OAAO,qCAAyC,EAChDnB,eAAe,CAACqB,KAAK,CAAC,qCAEtBZ,SAAS,CACT;IACF,QAAQ,EAAC;EAAK,IAEbQ,OAAO,iBACN;IACE,OAAO,EAAE,iBAACY,KAAK,EAAK;MAClBA,KAAK,CAACI,eAAe,EAAE;MACvB1B,OAAO,EAAE;IACX,CAAE;IACF,SAAS;EAAqC,EAEjD,eACD;IACE,SAAS,8BAAmC;IAC5C,GAAG,EAAEe,UAAW;IAChB,cAAc,EAAEH,OAAO,GAAGgB,cAAc,GAAGQ;EAAU,gBAErD;IAAK,SAAS;EAAwC,GAAE1B,OAAO,IAAIX,QAAQ,CAAO,CAC9E,CACM;AAElB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FixedLayout } from '../FixedLayout/FixedLayout';\nimport styles from './PanelHeaderContext.module.css';\n\nconst sizeXClassNames = {\n  none: styles['PanelHeaderContext--sizeX-none'],\n  [SizeType.COMPACT]: styles['PanelHeaderContext--sizeX-compact'],\n  [SizeType.REGULAR]: styles['PanelHeaderContext--sizeX-regular'],\n};\n\nexport interface PanelHeaderContextProps extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  className,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { sizeX = 'none' } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(platform !== Platform.VKCOM && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    'click',\n    opened &&\n      !closing &&\n      ((event) => {\n        if (elementRef.current && !elementRef.current.contains(event.target as Node)) {\n          event.stopPropagation();\n          onClose();\n        }\n      }),\n    { capture: true },\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    [animationFallback, closing],\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      className={classNames(\n        styles['PanelHeaderContext'],\n        platform === Platform.IOS && styles['PanelHeaderContext--ios'],\n        opened && styles['PanelHeaderContext--opened'],\n        closing && styles['PanelHeaderContext--closing'],\n        sizeXClassNames[sizeX],\n        styles['PanelHeaderContext--rounded'],\n        className,\n      )}\n      vertical=\"top\"\n    >\n      {visible && (\n        <div\n          onClick={(event) => {\n            event.stopPropagation();\n            onClose();\n          }}\n          className={styles['PanelHeaderContext__fade']}\n        />\n      )}\n      <div\n        className={styles['PanelHeaderContext__in']}\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        <div className={styles['PanelHeaderContext__content']}>{visible && children}</div>\n      </div>\n    </FixedLayout>\n  );\n};\n"],"names":["PanelHeaderContext","sizeXClassNames","none","SizeType","COMPACT","REGULAR","children","onClose","opened","className","restProps","document","useDOM","platform","usePlatform","React","useState","visible","setVisible","closing","useAdaptivity","sizeX","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","Platform","VKCOM","useGlobalEventListener","event","current","contains","target","stopPropagation","capture","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","FixedLayout","classNames","IOS","vertical","div","onClick","ref","undefined"],"mappings":";;;;+BA4BaA;;;eAAAA;;;;;;;;;2DA5BU;oBACI;6BACG;sCACS;2BACX;0BACD;0BACF;mBACF;wBACE;yCACiB;6BACZ;2BACF;IAGJ;AAAxB,IAAMC,mBAAkB;IACtBC,IAAI;mBADkB,MAErBC,oBAAQ,CAACC,OAAO,4DAFK,MAGrBD,oBAAQ,CAACE,OAAO,4CAHK;AAcjB,IAAML,qBAAqB,iBAMH;QAL7BM,kBAAAA,UACAC,iBAAAA,gCACAC,QAAAA,oCAAS,KAAK,kBACdC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEE,WAAaC,IAAAA,WAAM,IAAnBD;IACR,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAA8BC,iCAAAA,OAAMC,QAAQ,CAACR,aAAtCS,UAAuBF,oBAAdG,aAAcH;IAC9B,IAAMI,UAAUF,WAAW,CAACT;IAC5B,IAA2BY,kBAAAA,IAAAA,4BAAa,4BAAbA,gBAAnBC,OAAAA,0CAAQ;IAChB,IAAMC,aAAaP,OAAMQ,MAAM,CAAiB,IAAI;IAEpDC,IAAAA,oDAAyB,EAAC,WAAM;QAC9BhB,UAAUU,WAAW,IAAI;IAC3B,GAAG;QAACV;KAAO;IAEXiB,IAAAA,4BAAa,EAACZ,aAAaa,kBAAQ,CAACC,KAAK,IAAInB;IAE7C,+BAA+B;IAC/BoB,IAAAA,8CAAsB,EACpBjB,UACA,SACAH,UACE,CAACW,WACA,SAACU,OAAU;QACV,IAAIP,WAAWQ,OAAO,IAAI,CAACR,WAAWQ,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAW;YAC5EH,MAAMI,eAAe;YACrB1B;QACF,CAAC;IACH,GACF;QAAE2B,SAAS,IAAI;IAAC;IAGlB,0DAA0D;IAC1D,IAAMC,iBAAiB;eAAMjB,WAAW,KAAK;;IAC7C,IAAMkB,oBAAoBC,IAAAA,sBAAU,EAACF,gBAAgB;IACrDpB,OAAMuB,SAAS,CACb;eAAOnB,UAAUiB,kBAAkBG,GAAG,KAAKH,kBAAkBI,KAAK,EAAE;OACpE;QAACJ;QAAmBjB;KAAQ;IAG9B,qBACE,qBAACsB,wBAAW,uCACN/B;QACJD,WAAWiC,IAAAA,gBAAU,4BAEnB7B,aAAaa,kBAAQ,CAACiB,GAAG,mCACzBnC,4CACAW,8CACAlB,eAAe,CAACoB,MAAM,qCAEtBZ;QAEFmC,UAAS;QAER3B,yBACC,qBAAC4B;QACCC,SAAS,SAACjB,OAAU;YAClBA,MAAMI,eAAe;YACrB1B;QACF;QACAE,SAAS;sBAGb,qBAACoC;QACCpC,SAAS;QACTsC,KAAKzB;QACLa,gBAAgBhB,UAAUgB,iBAAiBa,SAAS;qBAEpD,qBAACH;QAAIpC,SAAS;OAA0CQ,WAAWX;AAI3E"}

package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js

@@ -1,36 +1,33 @@
 "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, "PanelHeaderEdit", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderEdit;
+    }
 });
-exports.PanelHeaderEdit = 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 _PanelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
-var _excluded = ["isActive", "editLabel", "doneLabel"];
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit
- */
-var PanelHeaderEdit = function PanelHeaderEdit(_ref) {
-  var _ref$isActive = _ref.isActive,
-    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
-    _ref$editLabel = _ref.editLabel,
-    editLabel = _ref$editLabel === void 0 ? 'Редактировать' : _ref$editLabel,
-    _ref$doneLabel = _ref.doneLabel,
-    doneLabel = _ref$doneLabel === void 0 ? 'Готово' : _ref$doneLabel,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var iOSText = isActive ? doneLabel : editLabel;
-  var AndroidIcon = isActive ? _icons.Icon28DoneOutline : _icons.Icon28EditOutline;
-  var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement(_PanelHeaderButton.PanelHeaderButton, (0, _extends2.default)({
-    "aria-label": iOSText
-  }, restProps), platform === _platform.Platform.IOS ? iOSText : /*#__PURE__*/React.createElement(AndroidIcon, null));
+var _panelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
+var PanelHeaderEdit = function(_param) {
+    var _param_isActive = _param.isActive, isActive = _param_isActive === void 0 ? false : _param_isActive, _param_editLabel = _param.editLabel, editLabel = _param_editLabel === void 0 ? "Редактировать" : _param_editLabel, _param_doneLabel = _param.doneLabel, doneLabel = _param_doneLabel === void 0 ? "Готово" : _param_doneLabel, restProps = _objectWithoutProperties(_param, [
+        "isActive",
+        "editLabel",
+        "doneLabel"
+    ]);
+    var iOSText = isActive ? doneLabel : editLabel;
+    var AndroidIcon = isActive ? _icons.Icon28DoneOutline : _icons.Icon28EditOutline;
+    var platform = (0, _usePlatform.usePlatform)();
+    return /*#__PURE__*/ _react.createElement(_panelHeaderButton.PanelHeaderButton, _objectSpread({
+        "aria-label": iOSText
+    }, restProps), platform === _platform.Platform.IOS ? iOSText : /*#__PURE__*/ _react.createElement(AndroidIcon, null));
 };
-exports.PanelHeaderEdit = PanelHeaderEdit;
+
 //# sourceMappingURL=PanelHeaderEdit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderEdit.js","names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","usePlatform","Platform","IOS"],"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\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\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\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 === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAmG;AAiBnG;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAKA;EAAA,yBAJ1BC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,sBAChBC,SAAS;IAATA,SAAS,+BAAG,eAAe;IAAA,sBAC3BC,SAAS;IAATA,SAAS,+BAAG,QAAQ;IACjBC,SAAS;EAEZ,IAAMC,OAAO,GAAGJ,QAAQ,GAAGE,SAAS,GAAGD,SAAS;EAChD,IAAMI,WAAW,GAAGL,QAAQ,GAAGM,wBAAiB,GAAGC,wBAAiB;EACpE,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,oBACE,oBAAC,oCAAiB;IAAC,cAAYL;EAAQ,GAAKD,SAAS,GAClDK,QAAQ,KAAKE,kBAAQ,CAACC,GAAG,GAAGP,OAAO,gBAAG,oBAAC,WAAW,OAAG,CACpC;AAExB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline, Icon28EditOutline } from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Platform } from '../../lib/platform';\nimport { PanelHeaderButton, PanelHeaderButtonProps } from '../PanelHeaderButton/PanelHeaderButton';\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\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\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 === Platform.IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","usePlatform","PanelHeaderButton","aria-label","Platform","IOS"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;2DAxBU;qBAC8B;2BACzB;wBACH;iCACiC;AAoBnD,IAAMA,kBAAkB,iBAKH;iCAJ1BC,UAAAA,wCAAW,KAAK,8CAChBC,WAAAA,0CAAY,8DACZC,WAAAA,0CAAY,6BACTC;QAHHH;QACAC;QACAC;;IAGA,IAAME,UAAUJ,WAAWE,YAAYD,SAAS;IAChD,IAAMI,cAAcL,WAAWM,wBAAiB,GAAGC,wBAAiB;IACpE,IAAMC,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,cAAYP;OAAaD,YACzCK,aAAaI,kBAAQ,CAACC,GAAG,GAAGT,wBAAU,qBAACC,kBAAc;AAG5D"}

package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js

@@ -1,32 +1,31 @@
 "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, "PanelHeaderSubmit", {
+    enumerable: true,
+    get: function() {
+        return PanelHeaderSubmit;
+    }
 });
-exports.PanelHeaderSubmit = 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/#/PanelHeaderSubmit
- */
-var PanelHeaderSubmit = function PanelHeaderSubmit(_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),
-    primary: true
-  }, restProps), platform === _platform.Platform.IOS ? children : /*#__PURE__*/React.createElement(_icons.Icon28DoneOutline, null));
+var _panelHeaderButton = require("../PanelHeaderButton/PanelHeaderButton");
+var PanelHeaderSubmit = 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),
+        primary: true
+    }, restProps), platform === _platform.Platform.IOS ? children : /*#__PURE__*/ _react.createElement(_icons.Icon28DoneOutline, null));
 };
-exports.PanelHeaderSubmit = PanelHeaderSubmit;
+
 //# sourceMappingURL=PanelHeaderSubmit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderSubmit.js","names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","getTitleFromChildren","Platform","IOS"],"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } 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/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAmG;AAEnG;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,OAGA;EAAA,yBAF5BC,QAAQ;IAARA,QAAQ,8BAAG,QAAQ;IAChBC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,oBACE,oBAAC,oCAAiB;IAAC,cAAY,IAAAC,2BAAoB,EAACJ,QAAQ,CAAE;IAAC,OAAO;EAAA,GAAKC,SAAS,GACjFC,QAAQ,KAAKG,kBAAQ,CAACC,GAAG,GAAGN,QAAQ,gBAAG,oBAAC,wBAAiB,OAAG,CAC3C;AAExB,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon28DoneOutline } 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/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = 'Готово',\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={getTitleFromChildren(children)} primary {...restProps}>\n      {platform === Platform.IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","PanelHeaderButton","aria-label","getTitleFromChildren","primary","Platform","IOS","Icon28DoneOutline"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;2DAVU;qBACW;2BACN;wBACH;qBACY;iCACqB;AAKnD,IAAMA,oBAAoB,iBAGH;iCAF5BC,UAAAA,wCAAW,4BACRC;QADHD;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oCAAiB;QAACC,cAAYC,IAAAA,2BAAoB,EAACN;QAAWO,SAAAA,IAAO;OAAKN,YACxEC,aAAaM,kBAAQ,CAACC,GAAG,GAAGT,yBAAW,qBAACU,wBAAiB,OAAG;AAGnE"}

package/dist/cjs/components/PanelSpinner/PanelSpinner.js

@@ -1,33 +1,32 @@
 "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, "PanelSpinner", {
+    enumerable: true,
+    get: function() {
+        return PanelSpinner;
+    }
 });
-exports.PanelSpinner = 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 _Spinner = require("../Spinner/Spinner");
-var _excluded = ["height", "style"];
-/**
- * @see https://vkcom.github.io/VKUI/#/PanelSpinner
- */
-var PanelSpinner = /*#__PURE__*/React.memo(function (_ref) {
-  var _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 96 : _ref$height,
-    style = _ref.style,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Spinner.Spinner, (0, _extends2.default)({
-    size: "regular"
-  }, restProps, {
-    style: (0, _objectSpread2.default)({
-      height: height
-    }, style)
-  }));
+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 _spinner = require("../Spinner/Spinner");
+var PanelSpinner = /*#__PURE__*/ _react.memo(function(_param) /*#__PURE__*/ {
+    var _param_height = _param.height, height = _param_height === void 0 ? 96 : _param_height, style = _param.style, restProps = _objectWithoutProperties(_param, [
+        "height",
+        "style"
+    ]);
+    return _react.createElement(_spinner.Spinner, _objectSpreadProps(_objectSpread({
+        size: "regular"
+    }, restProps), {
+        style: _objectSpread({
+            height: height
+        }, style)
+    }));
 });
-exports.PanelSpinner = PanelSpinner;
-PanelSpinner.displayName = 'PanelSpinner';
+PanelSpinner.displayName = "PanelSpinner";
+
 //# sourceMappingURL=PanelSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSpinner.js","names":["PanelSpinner","React","memo","height","style","restProps","displayName"],"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAA2D;AAM3D;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,KAAK,CAACC,IAAI,CACpC;EAAA,uBAAGC,MAAM;IAANA,MAAM,4BAAG,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAKC,SAAS;EAAA,oBACjC,oBAAC,gBAAO;IAAC,IAAI,EAAC;EAAS,GAAKA,SAAS;IAAE,KAAK;MAAIF,MAAM,EAANA;IAAM,GAAKC,KAAK;EAAG,GAAG;AAAA,CACvE,CACF;AAAC;AAEFJ,YAAY,CAACM,WAAW,GAAG,cAAc"}
+{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Spinner, SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nPanelSpinner.displayName = 'PanelSpinner';\n"],"names":["PanelSpinner","React","memo","height","style","restProps","Spinner","size","displayName"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;;2DAVU;uBACe;AAS/B,IAAMA,6BAAeC,OAAMC,IAAI,CACpC,+BACE;+BADCC,QAAAA,oCAAS,oBAAIC,eAAAA,OAAUC;QAAvBF;QAAaC;;WACd,qBAACE,gBAAO;QAACC,MAAK;OAAcF;QAAWD,OAAO;YAAED,QAAAA;WAAWC;;AAAU;AAIzEJ,aAAaQ,WAAW,GAAG"}

package/dist/cjs/components/Placeholder/Placeholder.js

@@ -1,47 +1,48 @@
 "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, "Placeholder", {
+    enumerable: true,
+    get: function() {
+        return Placeholder;
+    }
 });
-exports.Placeholder = 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 _Headline = require("../Typography/Headline/Headline");
-var _Title = require("../Typography/Title/Title");
-var _excluded = ["icon", "header", "action", "children", "stretched", "getRootRef", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Placeholder
- */
-var Placeholder = function Placeholder(_ref) {
-  var icon = _ref.icon,
-    header = _ref.header,
-    action = _ref.action,
-    children = _ref.children,
-    stretched = _ref.stretched,
-    getRootRef = _ref.getRootRef,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, restProps, {
-    ref: getRootRef,
-    className: (0, _vkjs.classNames)("vkuiPlaceholder", stretched && "vkuiPlaceholder--stretched", className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPlaceholder__in"
-  }, (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPlaceholder__icon"
-  }, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/React.createElement(_Title.Title, {
-    level: "2",
-    weight: "2",
-    className: "vkuiPlaceholder__header"
-  }, header), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/React.createElement(_Headline.Headline, {
-    weight: "3",
-    className: "vkuiPlaceholder__text"
-  }, children), (0, _vkjs.hasReactNode)(action) && /*#__PURE__*/React.createElement("div", {
-    className: "vkuiPlaceholder__action"
-  }, action)));
+var _headline = require("../Typography/Headline/Headline");
+var _title = require("../Typography/Title/Title");
+var Placeholder = function(_param) /*#__PURE__*/ {
+    var icon = _param.icon, header = _param.header, action = _param.action, children = _param.children, stretched = _param.stretched, getRootRef = _param.getRootRef, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "icon",
+        "header",
+        "action",
+        "children",
+        "stretched",
+        "getRootRef",
+        "className"
+    ]);
+    return _react.createElement("div", _objectSpreadProps(_objectSpread({}, restProps), {
+        ref: getRootRef,
+        className: (0, _vkjs.classNames)("vkuiPlaceholder", stretched && "vkuiPlaceholder--stretched", className)
+    }), /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPlaceholder__in"
+    }, (0, _vkjs.hasReactNode)(icon) && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPlaceholder__icon"
+    }, icon), (0, _vkjs.hasReactNode)(header) && /*#__PURE__*/ _react.createElement(_title.Title, {
+        level: "2",
+        weight: "2",
+        className: "vkuiPlaceholder__header"
+    }, header), (0, _vkjs.hasReactNode)(children) && /*#__PURE__*/ _react.createElement(_headline.Headline, {
+        weight: "3",
+        className: "vkuiPlaceholder__text"
+    }, children), (0, _vkjs.hasReactNode)(action) && /*#__PURE__*/ _react.createElement("div", {
+        className: "vkuiPlaceholder__action"
+    }, action)));
 };
-exports.Placeholder = Placeholder;
+
 //# sourceMappingURL=Placeholder.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":["Placeholder","icon","header","action","children","stretched","getRootRef","className","restProps","classNames","hasReactNode"],"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      className,\n    )}\n  >\n    <div className={styles['Placeholder__in']}>\n      {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n      {hasReactNode(header) && (\n        <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n          {header}\n        </Title>\n      )}\n      {hasReactNode(children) && (\n        <Headline weight=\"3\" className={styles['Placeholder__text']}>\n          {children}\n        </Headline>\n      )}\n      {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n    </div>\n  </div>\n);\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AAAkD;AAwBlD;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW;EAAA,IACtBC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,SAAS;EAAA,oBAEZ,sDACMA,SAAS;IACb,GAAG,EAAEF,UAAW;IAChB,SAAS,EAAE,IAAAG,gBAAU,qBAEnBJ,SAAS,gCAAoC,EAC7CE,SAAS;EACT,iBAEF;IAAK,SAAS;EAA4B,GACvC,IAAAG,kBAAY,EAACT,IAAI,CAAC,iBAAI;IAAK,SAAS;EAA8B,GAAEA,IAAI,CAAO,EAC/E,IAAAS,kBAAY,EAACR,MAAM,CAAC,iBACnB,oBAAC,YAAK;IAAC,KAAK,EAAC,GAAG;IAAC,MAAM,EAAC,GAAG;IAAC,SAAS;EAAgC,GAClEA,MAAM,CAEV,EACA,IAAAQ,kBAAY,EAACN,QAAQ,CAAC,iBACrB,oBAAC,kBAAQ;IAAC,MAAM,EAAC,GAAG;IAAC,SAAS;EAA8B,GACzDA,QAAQ,CAEZ,EACA,IAAAM,kBAAY,EAACP,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAgC,GAAEA,MAAM,CAAO,CAClF,CACF;AAAA,CACP;AAAC"}
+{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HasRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  className,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    className={classNames(\n      styles['Placeholder'],\n      stretched && styles['Placeholder--stretched'],\n      className,\n    )}\n  >\n    <div className={styles['Placeholder__in']}>\n      {hasReactNode(icon) && <div className={styles['Placeholder__icon']}>{icon}</div>}\n      {hasReactNode(header) && (\n        <Title level=\"2\" weight=\"2\" className={styles['Placeholder__header']}>\n          {header}\n        </Title>\n      )}\n      {hasReactNode(children) && (\n        <Headline weight=\"3\" className={styles['Placeholder__text']}>\n          {children}\n        </Headline>\n      )}\n      {hasReactNode(action) && <div className={styles['Placeholder__action']}>{action}</div>}\n    </div>\n  </div>\n);\n"],"names":["Placeholder","icon","header","action","children","stretched","getRootRef","className","restProps","div","ref","classNames","hasReactNode","Title","level","weight","Headline"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;2DA/BU;oBACkB;wBAEhB;qBACH;AA2Bf,IAAMA,cAAc,+BAUzB;QATAC,cAAAA,MACAC,gBAAAA,QACAC,gBAAAA,QACAC,kBAAAA,UACAC,mBAAAA,WACAC,oBAAAA,YACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;WAGA,qBAACE,4CACKD;QACJE,KAAKJ;QACLC,WAAWI,IAAAA,gBAAU,qBAEnBN,2CACAE;sBAGF,qBAACE;QAAIF,SAAS;OACXK,IAAAA,kBAAY,EAACX,uBAAS,qBAACQ;QAAIF,SAAS;OAAgCN,OACpEW,IAAAA,kBAAY,EAACV,yBACZ,qBAACW,YAAK;QAACC,OAAM;QAAIC,QAAO;QAAIR,SAAS;OAClCL,SAGJU,IAAAA,kBAAY,EAACR,2BACZ,qBAACY,kBAAQ;QAACD,QAAO;QAAIR,SAAS;OAC3BH,WAGJQ,IAAAA,kBAAY,EAACT,yBAAW,qBAACM;QAAIF,SAAS;OAAkCJ;AAExE"}

package/dist/cjs/components/PlatformProvider/PlatformProvider.js

@@ -1,29 +1,27 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "PlatformProvider", {
+    enumerable: true,
+    get: function() {
+        return PlatformProvider;
+    }
 });
-exports.PlatformProvider = PlatformProvider;
-var _react = _interopRequireDefault(require("react"));
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var _useAppearance = require("../../hooks/useAppearance");
 var _tokensClassProvider = require("../../lib/tokensClassProvider");
-var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
-/**
- * Компонент, позволяющий переопределить платформу для части приложения
- *
- * @version 5.1.0
- * @see https://vkcom.github.io/VKUI/#/PlatformProvider
- */
-function PlatformProvider(_ref) {
-  var value = _ref.value,
-    children = _ref.children;
-  var appearance = (0, _useAppearance.useAppearance)();
-  return /*#__PURE__*/_react.default.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
-    platform: value
-  }, /*#__PURE__*/_react.default.createElement(_tokensClassProvider.TokensClassProvider, {
-    platform: value,
-    appearance: appearance
-  }, children));
+var _configProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
+function PlatformProvider(param) {
+    var value = param.value, children = param.children;
+    var appearance = (0, _useAppearance.useAppearance)();
+    return /*#__PURE__*/ _react.default.createElement(_configProviderOverride.ConfigProviderOverride, {
+        platform: value
+    }, /*#__PURE__*/ _react.default.createElement(_tokensClassProvider.TokensClassProvider, {
+        platform: value,
+        appearance: appearance
+    }, children));
 }
+
 //# sourceMappingURL=PlatformProvider.js.map