@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cjs/components/FixedLayout/FixedLayout.js

@@ -1,69 +1,66 @@
 "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, "FixedLayout", {
+    enumerable: true,
+    get: function() {
+        return FixedLayout;
+    }
 });
-exports.FixedLayout = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
 var _useExternRef = require("../../hooks/useExternRef");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _usePlatform = require("../../hooks/usePlatform");
 var _dom = require("../../lib/dom");
 var _platform = require("../../lib/platform");
-var _SplitColContext = require("../SplitCol/SplitColContext");
-var _TooltipContainer = require("../Tooltip/TooltipContainer");
-var _excluded = ["children", "style", "vertical", "getRootRef", "getRef", "filled", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/FixedLayout
- */
-var FixedLayout = function FixedLayout(_ref) {
-  var children = _ref.children,
-    style = _ref.style,
-    vertical = _ref.vertical,
-    getRootRef = _ref.getRootRef,
-    getRef = _ref.getRef,
-    filled = _ref.filled,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var ref = (0, _useExternRef.useExternRef)(getRootRef, getRef); // TODO: v6 удалить getRef
-  var _React$useState = React.useState(undefined),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    width = _React$useState2[0],
-    setWidth = _React$useState2[1];
-  var _useDOM = (0, _dom.useDOM)(),
-    window = _useDOM.window;
-  var _React$useContext = React.useContext(_SplitColContext.SplitColContext),
-    colRef = _React$useContext.colRef;
-  var doResize = function doResize() {
-    if (colRef !== null && colRef !== void 0 && colRef.current) {
-      var computedStyle = getComputedStyle(colRef.current);
-      setWidth("".concat(colRef.current.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight), "px"));
-    } else {
-      setWidth(undefined);
-    }
-  };
-  React.useEffect(doResize, [colRef, platform]);
-  (0, _useGlobalEventListener.useGlobalEventListener)(window, 'resize', doResize);
-  return /*#__PURE__*/React.createElement(_TooltipContainer.TooltipContainer, (0, _extends2.default)({}, restProps, {
-    fixed: true,
-    ref: ref,
-    className: (0, _vkjs.classNames)("vkuiFixedLayout", platform === _platform.Platform.IOS && "vkuiFixedLayout--ios", filled && "vkuiFixedLayout--filled", vertical && styles["FixedLayout--vertical-".concat(vertical)], className),
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), {}, {
-      width: width
-    })
-  }), children);
-};
-exports.FixedLayout = FixedLayout;
-var styles = {
-  "FixedLayout--vertical-top": "vkuiFixedLayout--vertical-top",
-  "FixedLayout--vertical-bottom": "vkuiFixedLayout--vertical-bottom"
+var _splitColContext = require("../SplitCol/SplitColContext");
+var _tooltipContainer = require("../Tooltip/TooltipContainer");
+var FixedLayout = function(_param) {
+    var children = _param.children, style = _param.style, vertical = _param.vertical, getRootRef = _param.getRootRef, getRef = _param.getRef, filled = _param.filled, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "style",
+        "vertical",
+        "getRootRef",
+        "getRef",
+        "filled",
+        "className"
+    ]);
+    var platform = (0, _usePlatform.usePlatform)();
+    var ref = (0, _useExternRef.useExternRef)(getRootRef, getRef); // TODO: v6 удалить getRef
+    var _React_useState = _slicedToArray(_react.useState(undefined), 2), width = _React_useState[0], setWidth = _React_useState[1];
+    var window = (0, _dom.useDOM)().window;
+    var colRef = _react.useContext(_splitColContext.SplitColContext).colRef;
+    var doResize = function() {
+        if (colRef === null || colRef === void 0 ? void 0 : colRef.current) {
+            var computedStyle = getComputedStyle(colRef.current);
+            setWidth("".concat(colRef.current.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight), "px"));
+        } else {
+            setWidth(undefined);
+        }
+    };
+    _react.useEffect(doResize, [
+        colRef,
+        platform
+    ]);
+    (0, _useGlobalEventListener.useGlobalEventListener)(window, "resize", doResize);
+    return /*#__PURE__*/ _react.createElement(_tooltipContainer.TooltipContainer, _objectSpreadProps(_objectSpread({}, restProps), {
+        fixed: true,
+        ref: ref,
+        className: (0, _vkjs.classNames)("vkuiFixedLayout", platform === _platform.Platform.IOS && "vkuiInternalFixedLayout--ios", filled && "vkuiFixedLayout--filled", vertical && ({
+            top: "vkuiFixedLayout--vertical-top",
+            bottom: (0, _vkjs.classNames)("vkuiFixedLayout--vertical-bottom", "vkuiInternalFixedLayout--vertical-bottom")
+        })[vertical], className),
+        style: _objectSpreadProps(_objectSpread({}, style), {
+            width: width
+        })
+    }), children);
 };
+
 //# sourceMappingURL=FixedLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.js","names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","usePlatform","ref","useExternRef","React","useState","undefined","width","setWidth","useDOM","window","useContext","SplitColContext","colRef","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","useGlobalEventListener","classNames","Platform","IOS","styles"],"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.css';\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: 'absolute' | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && styles['FixedLayout--ios'],\n        filled && styles['FixedLayout--filled'],\n        vertical && styles[`FixedLayout--vertical-${vertical}`],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA+D;AAsB/D;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAW,OASA;EAAA,IARtBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,UAAU,QAAVA,UAAU;IACVC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,IAAMC,GAAG,GAAG,IAAAC,0BAAY,EAACR,UAAU,EAAEC,MAAM,CAAC,CAAC,CAAC;EAC9C,sBAA0BQ,KAAK,CAACC,QAAQ,CAAqBC,SAAS,CAAC;IAAA;IAAhEC,KAAK;IAAEC,QAAQ;EACtB,cAAmB,IAAAC,WAAM,GAAE;IAAnBC,MAAM,WAANA,MAAM;EACd,wBAAmBN,KAAK,CAACO,UAAU,CAACC,gCAAe,CAAC;IAA5CC,MAAM,qBAANA,MAAM;EACd,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,GAAS;IACrB,IAAID,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEE,OAAO,EAAE;MACnB,IAAMC,aAAa,GAAGC,gBAAgB,CAACJ,MAAM,CAACE,OAAO,CAAC;MAEtDP,QAAQ,WAEJK,MAAM,CAACE,OAAO,CAACG,WAAW,GAC1BC,UAAU,CAACH,aAAa,CAACI,WAAW,CAAC,GACrCD,UAAU,CAACH,aAAa,CAACK,YAAY,CAAC,QAEzC;IACH,CAAC,MAAM;MACLb,QAAQ,CAACF,SAAS,CAAC;IACrB;EACF,CAAC;EACDF,KAAK,CAACkB,SAAS,CAACR,QAAQ,EAAE,CAACD,MAAM,EAAEb,QAAQ,CAAC,CAAC;EAC7C,IAAAuB,8CAAsB,EAACb,MAAM,EAAE,QAAQ,EAAEI,QAAQ,CAAC;EAElD,oBACE,oBAAC,kCAAgB,6BACXf,SAAS;IACb,KAAK;IACL,GAAG,EAAEG,GAAI;IACT,SAAS,EAAE,IAAAsB,gBAAU,qBAEnBxB,QAAQ,KAAKyB,kBAAQ,CAACC,GAAG,0BAA8B,EACvD7B,MAAM,6BAAiC,EACvCH,QAAQ,IAAIiC,MAAM,iCAA0BjC,QAAQ,EAAG,EACvDI,SAAS,CACT;IACF,KAAK,8DAAOL,KAAK;MAAEc,KAAK,EAALA;IAAK;EAAG,IAE1Bf,QAAQ,CACQ;AAEvB,CAAC;AAAC;AAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { Platform } from '../../lib/platform';\nimport { HasRef, HasRootRef } from '../../types';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport { TooltipContainer } from '../Tooltip/TooltipContainer';\nimport styles from './FixedLayout.module.css';\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: 'top' | 'bottom';\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: 'absolute' | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  className,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const ref = useExternRef(getRootRef, getRef); // TODO: v6 удалить getRef\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () => {\n    if (colRef?.current) {\n      const computedStyle = getComputedStyle(colRef.current);\n\n      setWidth(\n        `${\n          colRef.current.clientWidth -\n          parseFloat(computedStyle.paddingLeft) -\n          parseFloat(computedStyle.paddingRight)\n        }px`,\n      );\n    } else {\n      setWidth(undefined);\n    }\n  };\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, 'resize', doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={ref}\n      className={classNames(\n        styles['FixedLayout'],\n        platform === Platform.IOS && 'vkuiInternalFixedLayout--ios',\n        filled && styles['FixedLayout--filled'],\n        vertical &&\n          {\n            top: styles['FixedLayout--vertical-top'],\n            bottom: classNames(\n              styles['FixedLayout--vertical-bottom'],\n              'vkuiInternalFixedLayout--vertical-bottom',\n            ),\n          }[vertical],\n        className,\n      )}\n      style={{ ...style, width }}\n    >\n      {children}\n    </TooltipContainer>\n  );\n};\n"],"names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","className","restProps","platform","usePlatform","ref","useExternRef","React","useState","undefined","width","setWidth","window","useDOM","colRef","useContext","SplitColContext","doResize","current","computedStyle","getComputedStyle","clientWidth","parseFloat","paddingLeft","paddingRight","useEffect","useGlobalEventListener","TooltipContainer","fixed","classNames","Platform","IOS","top","bottom"],"mappings":";;;;+BAkCaA;;;eAAAA;;;;;;;;2DAlCU;oBACI;4BACE;sCACU;2BACX;mBACL;wBACE;+BAEO;gCACC;AAyB1B,IAAMA,cAAc,iBASH;QARtBC,kBAAAA,UACAC,eAAAA,OACAC,kBAAAA,UACAC,oBAAAA,YACAC,gBAAAA,QACAC,gBAAAA,QACAC,mBAAAA,WACGC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAMC,MAAMC,IAAAA,0BAAY,EAACR,YAAYC,SAAS,0BAA0B;IACxE,IAA0BQ,iCAAAA,OAAMC,QAAQ,CAAqBC,gBAAtDC,QAAmBH,oBAAZI,WAAYJ;IAC1B,IAAM,AAAEK,SAAWC,IAAAA,WAAM,IAAjBD;IACR,IAAM,AAAEE,SAAWP,OAAMQ,UAAU,CAACC,gCAAe,EAA3CF;IACR,IAAMG,WAAW,WAAM;QACrB,IAAIH,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQI,OAAO,EAAE;YACnB,IAAMC,gBAAgBC,iBAAiBN,OAAOI,OAAO;YAErDP,SACE,AAAC,GAIA,OAHCG,OAAOI,OAAO,CAACG,WAAW,GAC1BC,WAAWH,cAAcI,WAAW,IACpCD,WAAWH,cAAcK,YAAY,GACtC;QAEL,OAAO;YACLb,SAASF;QACX,CAAC;IACH;IACAF,OAAMkB,SAAS,CAACR,UAAU;QAACH;QAAQX;KAAS;IAC5CuB,IAAAA,8CAAsB,EAACd,QAAQ,UAAUK;IAEzC,qBACE,qBAACU,kCAAgB,uCACXzB;QACJ0B,OAAAA,IAAK;QACLvB,KAAKA;QACLJ,WAAW4B,IAAAA,gBAAU,qBAEnB1B,aAAa2B,kBAAQ,CAACC,GAAG,IAAI,gCAC7B/B,qCACAH,YACE,CAAA;YACEmC,GAAG;YACHC,QAAQJ,IAAAA,gBAAU,sCAEhB;QAEJ,CAAA,CAAC,CAAChC,SAAS,EACbI;QAEFL,OAAO,qCAAKA;YAAOc,OAAAA;;QAElBf;AAGP"}

package/dist/cjs/components/FocusTrap/FocusTrap.js

@@ -1,133 +1,116 @@
 "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, "FocusTrap", {
+    enumerable: true,
+    get: function() {
+        return FocusTrap;
+    }
 });
-exports.FocusTrap = 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 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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _useExternRef = require("../../hooks/useExternRef");
 var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 var _useTimeout = require("../../hooks/useTimeout");
 var _accessibility = require("../../lib/accessibility");
 var _dom = require("../../lib/dom");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _AppRootContext = require("../AppRoot/AppRootContext");
-var _excluded = ["Component", "onClose", "restoreFocus", "timeout", "getRootRef", "children"];
+var _appRootContext = require("../AppRoot/AppRootContext");
 var FOCUSABLE_ELEMENTS = _accessibility.FOCUSABLE_ELEMENTS_LIST.join();
-/**
- * @see https://vkcom.github.io/VKUI/#/FocusTrap
- */
-var FocusTrap = function FocusTrap(_ref) {
-  var _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'div' : _ref$Component,
-    onClose = _ref.onClose,
-    _ref$restoreFocus = _ref.restoreFocus,
-    restoreFocus = _ref$restoreFocus === void 0 ? true : _ref$restoreFocus,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-    getRootRef = _ref.getRootRef,
-    children = _ref.children,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ref = (0, _useExternRef.useExternRef)(getRootRef);
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document,
-    window = _useDOM.window;
-  var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    focusableNodes = _React$useState2[0],
-    setFocusableNodes = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    restoreFocusTo = _React$useState4[0],
-    setRestoreFocusTo = _React$useState4[1];
-
-  // HANDLE TRAP MOUNT
-
-  var _React$useContext = React.useContext(_AppRootContext.AppRootContext),
-    keyboardInput = _React$useContext.keyboardInput;
-  var focusOnTrapMount = (0, _useTimeout.useTimeout)(function () {
-    var _ref$current;
-    if (keyboardInput && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(document.activeElement)) && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
-      focusableNodes[0].focus();
-    }
-  }, timeout);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    focusOnTrapMount.set();
-  }, []);
-
-  // HANDLE FOCUSABLE NODES
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!ref.current) {
-      return;
-    }
-    var nodes = [];
-    Array.prototype.forEach.call(
-    // eslint-disable-next-line no-restricted-properties
-    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
-      var _getComputedStyle = window.getComputedStyle(focusableEl),
-        display = _getComputedStyle.display,
-        visibility = _getComputedStyle.visibility;
-      if (display !== 'none' && visibility !== 'hidden') {
-        nodes.push(focusableEl);
-      }
-    });
-    if (nodes.length === 0) {
-      // Чтобы фокус был хотя бы на родителе
-      nodes.push(ref.current);
-    }
-    setFocusableNodes(nodes);
-  }, [children]);
-
-  // HANDLE TRAP UNMOUNT
-
-  var focusOnTrapUnmount = (0, _useTimeout.useTimeout)(function () {
-    if (restoreFocusTo) {
-      restoreFocusTo.focus();
-    }
-  }, timeout);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (restoreFocus && document.activeElement) {
-      setRestoreFocusTo(document.activeElement);
-      return function () {
-        focusOnTrapUnmount.set();
-      };
-    }
-    return;
-  }, [restoreFocus]);
-  var onDocumentKeydown = function onDocumentKeydown(e) {
-    if ((0, _accessibility.pressedKey)(e) === _accessibility.Keys.TAB && focusableNodes !== null && focusableNodes !== void 0 && focusableNodes.length) {
-      var lastIdx = focusableNodes.length - 1;
-      var targetIdx = focusableNodes.findIndex(function (node) {
-        return node === e.target;
-      });
-      var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
-      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
-        e.preventDefault();
-        var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
-        if (node !== document.activeElement) {
-          node.focus();
+var FocusTrap = function(_param) {
+    var _param_Component = _param.Component, Component = _param_Component === void 0 ? "div" : _param_Component, onClose = _param.onClose, _param_restoreFocus = _param.restoreFocus, restoreFocus = _param_restoreFocus === void 0 ? true : _param_restoreFocus, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 0 : _param_timeout, getRootRef = _param.getRootRef, children = _param.children, restProps = _objectWithoutProperties(_param, [
+        "Component",
+        "onClose",
+        "restoreFocus",
+        "timeout",
+        "getRootRef",
+        "children"
+    ]);
+    var ref = (0, _useExternRef.useExternRef)(getRootRef);
+    var _useDOM = (0, _dom.useDOM)(), document = _useDOM.document, window = _useDOM.window;
+    var _React_useState = _slicedToArray(_react.useState(null), 2), focusableNodes = _React_useState[0], setFocusableNodes = _React_useState[1];
+    var _React_useState1 = _slicedToArray(_react.useState(null), 2), restoreFocusTo = _React_useState1[0], setRestoreFocusTo = _React_useState1[1];
+    // HANDLE TRAP MOUNT
+    var keyboardInput = _react.useContext(_appRootContext.AppRootContext).keyboardInput;
+    var focusOnTrapMount = (0, _useTimeout.useTimeout)(function() {
+        var _ref_current;
+        if (keyboardInput && !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(document.activeElement)) && (focusableNodes === null || focusableNodes === void 0 ? void 0 : focusableNodes.length)) {
+            focusableNodes[0].focus();
         }
-        return false;
-      }
-    }
-    if (onClose && (0, _accessibility.pressedKey)(e) === _accessibility.Keys.ESCAPE) {
-      onClose();
-    }
-    return true;
-  };
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'keydown', onDocumentKeydown, {
-    capture: true
-  });
-  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
-    tabIndex: -1,
-    ref: ref
-  }, restProps), children);
+    }, timeout);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        focusOnTrapMount.set();
+    }, []);
+    // HANDLE FOCUSABLE NODES
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (!ref.current) {
+            return;
+        }
+        var nodes = [];
+        Array.prototype.forEach.call(// eslint-disable-next-line no-restricted-properties
+        ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function(focusableEl) {
+            var _window_getComputedStyle = window.getComputedStyle(focusableEl), display = _window_getComputedStyle.display, visibility = _window_getComputedStyle.visibility;
+            if (display !== "none" && visibility !== "hidden") {
+                nodes.push(focusableEl);
+            }
+        });
+        if (nodes.length === 0) {
+            // Чтобы фокус был хотя бы на родителе
+            nodes.push(ref.current);
+        }
+        setFocusableNodes(nodes);
+    }, [
+        children
+    ]);
+    // HANDLE TRAP UNMOUNT
+    var focusOnTrapUnmount = (0, _useTimeout.useTimeout)(function() {
+        if (restoreFocusTo) {
+            restoreFocusTo.focus();
+        }
+    }, timeout);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (restoreFocus && document.activeElement) {
+            setRestoreFocusTo(document.activeElement);
+            return function() {
+                focusOnTrapUnmount.set();
+            };
+        }
+        return;
+    }, [
+        restoreFocus
+    ]);
+    var onDocumentKeydown = function(e) {
+        if ((0, _accessibility.pressedKey)(e) === _accessibility.Keys.TAB && (focusableNodes === null || focusableNodes === void 0 ? void 0 : focusableNodes.length)) {
+            var lastIdx = focusableNodes.length - 1;
+            var targetIdx = focusableNodes.findIndex(function(node) {
+                return node === e.target;
+            });
+            var shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;
+            if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {
+                e.preventDefault();
+                var node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];
+                if (node !== document.activeElement) {
+                    node.focus();
+                }
+                return false;
+            }
+        }
+        if (onClose && (0, _accessibility.pressedKey)(e) === _accessibility.Keys.ESCAPE) {
+            onClose();
+        }
+        return true;
+    };
+    (0, _useGlobalEventListener.useGlobalEventListener)(document, "keydown", onDocumentKeydown, {
+        capture: true
+    });
+    return /*#__PURE__*/ _react.createElement(Component, _objectSpread({
+        tabIndex: -1,
+        ref: ref
+    }, restProps), children);
 };
-exports.FocusTrap = FocusTrap;
+
 //# sourceMappingURL=FocusTrap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","useExternRef","useDOM","document","window","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","useTimeout","current","contains","activeElement","length","focus","useIsomorphicLayoutEffect","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","pressedKey","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","useGlobalEventListener","capture"],"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = 'div',\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[] | null>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\nexport interface FocusTrapProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  restoreFocus?: boolean;\n  timeout?: number;\n  onClose?(): void;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = ({\n  Component = 'div',\n  onClose,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}: FocusTrapProps) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[] | null>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement | null>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (\n      keyboardInput &&\n      !ref.current?.contains(document!.activeElement) &&\n      focusableNodes?.length\n    ) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window!.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes.length === 0) {\n      // Чтобы фокус был хотя бы на родителе\n      nodes.push(ref.current);\n    }\n\n    setFocusableNodes(nodes);\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus && document!.activeElement) {\n      setRestoreFocusTo(document!.activeElement as HTMLElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return;\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || (targetIdx === lastIdx && !e.shiftKey);\n\n      if (shouldFocusFirstNode || (targetIdx === 0 && e.shiftKey)) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== document!.activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (onClose && pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, {\n    capture: true,\n  });\n\n  return (\n    <Component tabIndex={-1} ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"names":["FocusTrap","FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","Component","onClose","restoreFocus","timeout","getRootRef","children","restProps","ref","useExternRef","useDOM","document","window","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","keyboardInput","useContext","AppRootContext","focusOnTrapMount","useTimeout","current","contains","activeElement","length","focus","useIsomorphicLayoutEffect","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","pressedKey","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","useGlobalEventListener","capture","tabIndex"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type FocusVisibleMode = 'inside' | 'outside';
+export type FocusVisibleMode = 'inside' | 'outside';
 export interface FocusVisibleProps {
     mode: FocusVisibleMode;
 }

package/dist/cjs/components/FocusVisible/FocusVisible.js

@@ -1,25 +1,25 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "FocusVisible", {
+    enumerable: true,
+    get: function() {
+        return FocusVisible;
+    }
 });
-exports.FocusVisible = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _vkjs = require("@vkontakte/vkjs");
-/**
- * @see https://vkcom.github.io/VKUI/#/FocusVisible
- */
-var FocusVisible = function FocusVisible(_ref) {
-  var mode = _ref.mode;
-  return /*#__PURE__*/React.createElement("span", {
-    "aria-hidden": true,
-    className: (0, _vkjs.classNames)("vkuiFocusVisible", styles["FocusVisible--mode-".concat(mode)])
-  });
-};
-exports.FocusVisible = FocusVisible;
-var styles = {
-  "FocusVisible--mode-inside": "vkuiFocusVisible--mode-inside",
-  "FocusVisible--mode-outside": "vkuiFocusVisible--mode-outside"
+var FocusVisible = function(param) {
+    var mode = param.mode;
+    return /*#__PURE__*/ _react.createElement("span", {
+        "aria-hidden": true,
+        className: (0, _vkjs.classNames)("vkuiFocusVisible", {
+            inside: "vkuiFocusVisible--mode-inside",
+            outside: "vkuiFocusVisible--mode-outside"
+        }[mode])
+    });
 };
+
 //# sourceMappingURL=FocusVisible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["FocusVisible","mode","classNames","styles"],"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './FocusVisible.module.css';\n\nexport type FocusVisibleMode = 'inside' | 'outside';\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden\n    className={classNames(styles['FocusVisible'], styles[`FocusVisible--mode-${mode}`])}\n  />\n);\n"],"mappings":";;;;;;;AAAA;AACA;AASA;AACA;AACA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,IAAI,QAAJA,IAAI;EAAA,oBACjC;IACE,mBAAW;IACX,SAAS,EAAE,IAAAC,gBAAU,sBAAyBC,MAAM,8BAAuBF,IAAI,EAAG;EAAE,EACpF;AAAA,CACH;AAAC;AAAA;EAAA;EAAA;AAAA"}
+{"version":3,"sources":["../../../../src/components/FocusVisible/FocusVisible.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './FocusVisible.module.css';\n\nexport type FocusVisibleMode = 'inside' | 'outside';\n\nexport interface FocusVisibleProps {\n  mode: FocusVisibleMode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FocusVisible\n */\nexport const FocusVisible = ({ mode }: FocusVisibleProps) => (\n  <span\n    aria-hidden\n    className={classNames(\n      styles['FocusVisible'],\n      {\n        inside: styles['FocusVisible--mode-inside'],\n        outside: styles['FocusVisible--mode-outside'],\n      }[mode],\n    )}\n  />\n);\n"],"names":["FocusVisible","mode","span","aria-hidden","className","classNames","inside","outside"],"mappings":";;;;+BAaaA;;;eAAAA;;;;2DAbU;oBACI;AAYpB,IAAMA,eAAe;QAAGC,aAAAA;yBAC7B,qBAACC;QACCC,eAAAA,IAAW;QACXC,WAAWC,IAAAA,gBAAU,sBAEnB;YACEC,MAAM;YACNC,OAAO;QACT,CAAC,CAACN,KAAK"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { HasComponent } from '../../types';
-export declare type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
+export type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
 /**
  * @see https://vkcom.github.io/VKUI/#/Footer
  */

package/dist/cjs/components/Footer/Footer.js

@@ -1,29 +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, "Footer", {
+    enumerable: true,
+    get: function() {
+        return Footer;
+    }
 });
-exports.Footer = 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 _Footnote = require("../Typography/Footnote/Footnote");
-var _excluded = ["children", "className"];
-/**
- * @see https://vkcom.github.io/VKUI/#/Footer
- */
-var Footer = function Footer(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Footnote.Footnote, (0, _extends2.default)({
-    Component: "footer"
-  }, restProps, {
-    className: (0, _vkjs.classNames)("vkuiFooter", className)
-  }), children);
+var _footnote = require("../Typography/Footnote/Footnote");
+var Footer = function(_param) {
+    var children = _param.children, className = _param.className, restProps = _objectWithoutProperties(_param, [
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ _react.createElement(_footnote.Footnote, _objectSpreadProps(_objectSpread({
+        Component: "footer"
+    }, restProps), {
+        className: (0, _vkjs.classNames)("vkuiFooter", className)
+    }), children);
 };
-exports.Footer = Footer;
+
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["Footer","children","className","restProps","classNames"],"sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, className, ...restProps }: FooterProps) => {\n  return (\n    <Footnote Component=\"footer\" {...restProps} className={classNames(styles['Footer'], className)}>\n      {children}\n    </Footnote>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AAA2D;AAK3D;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAM,OAA2D;EAAA,IAArDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,SAAS;EACxD,oBACE,oBAAC,kBAAQ;IAAC,SAAS,EAAC;EAAQ,GAAKA,SAAS;IAAE,SAAS,EAAE,IAAAC,gBAAU,gBAAmBF,SAAS;EAAE,IAC5FD,QAAQ,CACA;AAEf,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasComponent } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Footer.module.css';\n\nexport type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footer\n */\nexport const Footer = ({ children, className, ...restProps }: FooterProps) => {\n  return (\n    <Footnote Component=\"footer\" {...restProps} className={classNames(styles['Footer'], className)}>\n      {children}\n    </Footnote>\n  );\n};\n"],"names":["Footer","children","className","restProps","Footnote","Component","classNames"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;;2DAXU;oBACI;wBAEF;AAQlB,IAAMA,SAAS,iBAAwD;QAArDC,kBAAAA,UAAUC,mBAAAA,WAAcC;QAAxBF;QAAUC;;IACjC,qBACE,qBAACE,kBAAQ;QAACC,WAAU;OAAaF;QAAWD,WAAWI,IAAAA,gBAAU,gBAAmBJ;QACjFD;AAGP"}