@vkontakte/vkui 5.2.4 → 5.3.0

package/dist/cjs/components/AppRoot/AppRoot.js

@@ -1,20 +1,23 @@
 "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, "AppRoot", {
+    enumerable: true,
+    get: function() {
+        return AppRoot;
+    }
 });
-exports.AppRoot = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-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 _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _toConsumableArray = require("@swc/helpers/lib/_to_consumable_array.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _useAppearance = require("../../hooks/useAppearance");
 var _useInsets = require("../../hooks/useInsets");
 var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
@@ -22,163 +25,159 @@ var _adaptivity = require("../../lib/adaptivity");
 var _dom = require("../../lib/dom");
 var _isRefObject = require("../../lib/isRefObject");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _AppRootContext = require("./AppRootContext");
-var _ScrollContext = require("./ScrollContext");
-var _excluded = ["children", "mode", "scroll", "portalRoot", "disablePortal", "className"];
-var vkuiSizeXClassNames = (0, _defineProperty2.default)({
-  none: 'vkui--sizeX-none'
-}, _adaptivity.SizeType.REGULAR, 'vkui--sizeX-regular');
+var _appRootContext = require("./AppRootContext");
+var _scrollContext = require("./ScrollContext");
+var vkuiSizeXClassNames = _defineProperty({
+    none: "vkui--sizeX-none"
+}, _adaptivity.SizeType.REGULAR, "vkui--sizeX-regular");
 var INSET_CUSTOM_PROPERTY_PREFIX = "--vkui_internal--safe_area_inset_";
-
-// Используйте classList, но будьте осторожны
-/* eslint-disable no-restricted-properties */
-
-/**
- * @see https://vkcom.github.io/VKUI/#/AppRoot
- */
-var AppRoot = function AppRoot(_ref) {
-  var children = _ref.children,
-    _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? 'full' : _ref$mode,
-    _ref$scroll = _ref.scroll,
-    scroll = _ref$scroll === void 0 ? 'global' : _ref$scroll,
-    _ref$portalRoot = _ref.portalRoot,
-    portalRootProp = _ref$portalRoot === void 0 ? null : _ref$portalRoot,
-    disablePortal = _ref.disablePortal,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var isKeyboardInputActive = (0, _useKeyboardInputTracker.useKeyboardInputTracker)();
-  var rootRef = React.useRef(null);
-  var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    portalRoot = _React$useState2[0],
-    setPortalRoot = _React$useState2[1];
-  var _useDOM = (0, _dom.useDOM)(),
-    document = _useDOM.document;
-  var insets = (0, _useInsets.useInsets)();
-  var appearance = (0, _useAppearance.useAppearance)();
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    hasPointer = _useAdaptivity.hasPointer,
-    _useAdaptivity$sizeX = _useAdaptivity.sizeX,
-    sizeX = _useAdaptivity$sizeX === void 0 ? 'none' : _useAdaptivity$sizeX;
-
-  // setup portal
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var portal = null;
-    if (portalRootProp) {
-      if ((0, _isRefObject.isRefObject)(portalRootProp)) {
-        portal = portalRootProp.current;
-      } else {
-        portal = portalRootProp;
-      }
-    }
-    if (!portal) {
-      portal = document.createElement('div');
-      document.body.appendChild(portal);
-    }
-    setPortalRoot(portal);
-    return function () {
-      var _portal, _portal$parentElement;
-      (_portal = portal) === null || _portal === void 0 ? void 0 : (_portal$parentElement = _portal.parentElement) === null || _portal$parentElement === void 0 ? void 0 : _portal$parentElement.removeChild(portal);
-    };
-  }, [portalRootProp]);
-
-  // setup root classes
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _rootRef$current, _parent$classList;
-    if (mode === 'partial') {
-      return _vkjs.noop;
-    }
-    var parent = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.parentElement;
-    var classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);
-    parent === null || parent === void 0 ? void 0 : (_parent$classList = parent.classList).add.apply(_parent$classList, (0, _toConsumableArray2.default)(classes));
-    return function () {
-      var _parent$classList2;
-      parent === null || parent === void 0 ? void 0 : (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, (0, _toConsumableArray2.default)(classes));
-    };
-  }, []);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (mode === 'full') {
-      document.documentElement.classList.add('vkui');
-      return function () {
-        document.documentElement.classList.remove('vkui');
-      };
-    }
-    return undefined;
-  }, [document, mode]);
-
-  // setup insets
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _rootRef$current2;
-    if (mode === 'partial' || !((_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 && _rootRef$current2.parentElement)) {
-      return _vkjs.noop;
-    }
-    var parent = rootRef.current.parentElement;
-    var key;
-    for (key in insets) {
-      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {
-        var inset = insets[key];
-        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
-        portalRoot && portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
-      }
-    }
-    return function () {
-      var key;
-      for (key in insets) {
-        if (insets.hasOwnProperty(key)) {
-          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
-          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
+var AppRoot = function(_param) {
+    var children = _param.children, _param_mode = _param.mode, mode = _param_mode === void 0 ? "full" : _param_mode, _param_scroll = _param.scroll, scroll = _param_scroll === void 0 ? "global" : _param_scroll, tmp = _param.portalRoot, portalRootProp = tmp === void 0 ? null : tmp, disablePortal = _param.disablePortal, className = _param.className, props = _objectWithoutProperties(_param, [
+        "children",
+        "mode",
+        "scroll",
+        "portalRoot",
+        "disablePortal",
+        "className"
+    ]);
+    var isKeyboardInputActive = (0, _useKeyboardInputTracker.useKeyboardInputTracker)();
+    var rootRef = _react.useRef(null);
+    var _React_useState = _slicedToArray(_react.useState(null), 2), portalRoot = _React_useState[0], setPortalRoot = _React_useState[1];
+    var document = (0, _dom.useDOM)().document;
+    var insets = (0, _useInsets.useInsets)();
+    var appearance = (0, _useAppearance.useAppearance)();
+    var _useAdaptivity1 = (0, _useAdaptivity.useAdaptivity)(), hasPointer = _useAdaptivity1.hasPointer, _useAdaptivity_sizeX = _useAdaptivity1.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
+    // setup portal
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var portal = null;
+        if (portalRootProp) {
+            if ((0, _isRefObject.isRefObject)(portalRootProp)) {
+                portal = portalRootProp.current;
+            } else {
+                portal = portalRootProp;
+            }
         }
-      }
-    };
-  }, [insets, portalRoot]);
-
-  // adaptivity handler
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _rootRef$current3;
-    if (mode === 'partial') {
-      return _vkjs.noop;
-    }
-    var className = sizeX !== _adaptivity.SizeType.COMPACT ? vkuiSizeXClassNames[sizeX] : null;
-    var container = mode === 'embedded' ? (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.parentElement : document.body;
-    if (className === null || !container) {
-      return _vkjs.noop;
-    }
-    container.classList.add(className);
-    return function () {
-      container.classList.remove(className);
-    };
-  }, [sizeX]);
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (mode !== 'full' || appearance === undefined) {
-      return _vkjs.noop;
-    }
-    document.documentElement.style.setProperty('color-scheme', appearance);
-    return function () {
-      return document.documentElement.style.removeProperty('color-scheme');
-    };
-  }, [appearance]);
-  var ScrollController = React.useMemo(function () {
-    return scroll === 'contain' ? _ScrollContext.ElementScrollController : _ScrollContext.GlobalScrollController;
-  }, [scroll]);
-  var content = /*#__PURE__*/React.createElement(_AppRootContext.AppRootContext.Provider, {
-    value: {
-      appRoot: rootRef,
-      portalRoot: portalRoot,
-      embedded: mode === 'embedded',
-      keyboardInput: isKeyboardInputActive,
-      mode: mode,
-      disablePortal: disablePortal
-    }
-  }, /*#__PURE__*/React.createElement(ScrollController, {
-    elRef: rootRef
-  }, /*#__PURE__*/React.createElement(_icons.IconSettingsProvider, {
-    classPrefix: "vkui"
-  }, children)));
-  return mode === 'partial' ? content : /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    ref: rootRef,
-    className: (0, _vkjs.classNames)("vkuiAppRoot", hasPointer === undefined ? "vkuiAppRoot--pointer-none" : !hasPointer && "vkuiAppRoot--pointer-has-not", className)
-  }, props), content);
+        if (!portal) {
+            portal = document.createElement("div");
+            document.body.appendChild(portal);
+        }
+        setPortalRoot(portal);
+        return function() {
+            var _portal_parentElement;
+            portal === null || portal === void 0 ? void 0 : (_portal_parentElement = portal.parentElement) === null || _portal_parentElement === void 0 ? void 0 : _portal_parentElement.removeChild(portal);
+        };
+    }, [
+        portalRootProp
+    ]);
+    // setup root classes
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var _parent_classList;
+        var _rootRef_current;
+        if (mode === "partial") {
+            return _vkjs.noop;
+        }
+        var parent = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.parentElement;
+        var classes = [
+            "vkui__root"
+        ].concat(mode === "embedded" ? "vkui__root--embedded" : []);
+        parent === null || parent === void 0 ? void 0 : (_parent_classList = parent.classList).add.apply(_parent_classList, _toConsumableArray(classes));
+        return function() {
+            var _parent_classList;
+            parent === null || parent === void 0 ? void 0 : (_parent_classList = parent.classList).remove.apply(_parent_classList, _toConsumableArray(classes));
+        };
+    }, []);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (mode === "full") {
+            document.documentElement.classList.add("vkui");
+            return function() {
+                document.documentElement.classList.remove("vkui");
+            };
+        }
+        return undefined;
+    }, [
+        document,
+        mode
+    ]);
+    // setup insets
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var _rootRef_current;
+        if (mode === "partial" || !((_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.parentElement)) {
+            return _vkjs.noop;
+        }
+        var parent = rootRef.current.parentElement;
+        var key;
+        for(key in insets){
+            if (insets.hasOwnProperty(key) && typeof insets[key] === "number") {
+                var inset = insets[key];
+                parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
+                portalRoot && portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, "".concat(inset, "px"));
+            }
+        }
+        return function() {
+            var key;
+            for(key in insets){
+                if (insets.hasOwnProperty(key)) {
+                    parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
+                    portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);
+                }
+            }
+        };
+    }, [
+        insets,
+        portalRoot
+    ]);
+    // adaptivity handler
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        var _rootRef_current;
+        if (mode === "partial") {
+            return _vkjs.noop;
+        }
+        var className = sizeX !== _adaptivity.SizeType.COMPACT ? vkuiSizeXClassNames[sizeX] : null;
+        var container = mode === "embedded" ? (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.parentElement : document.body;
+        if (className === null || !container) {
+            return _vkjs.noop;
+        }
+        container.classList.add(className);
+        return function() {
+            container.classList.remove(className);
+        };
+    }, [
+        sizeX
+    ]);
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (mode !== "full" || appearance === undefined) {
+            return _vkjs.noop;
+        }
+        document.documentElement.style.setProperty("color-scheme", appearance);
+        return function() {
+            return document.documentElement.style.removeProperty("color-scheme");
+        };
+    }, [
+        appearance
+    ]);
+    var ScrollController = _react.useMemo(function() {
+        return scroll === "contain" ? _scrollContext.ElementScrollController : _scrollContext.GlobalScrollController;
+    }, [
+        scroll
+    ]);
+    var content = /*#__PURE__*/ _react.createElement(_appRootContext.AppRootContext.Provider, {
+        value: {
+            appRoot: rootRef,
+            portalRoot: portalRoot,
+            embedded: mode === "embedded",
+            keyboardInput: isKeyboardInputActive,
+            mode: mode,
+            disablePortal: disablePortal
+        }
+    }, /*#__PURE__*/ _react.createElement(ScrollController, {
+        elRef: rootRef
+    }, /*#__PURE__*/ _react.createElement(_icons.IconSettingsProvider, {
+        classPrefix: "vkui"
+    }, children)));
+    return mode === "partial" ? content : /*#__PURE__*/ _react.createElement("div", _objectSpread({
+        ref: rootRef,
+        className: (0, _vkjs.classNames)("vkuiAppRoot", hasPointer === undefined ? "vkuiAppRoot--pointer-none" : !hasPointer && "vkuiAppRoot--pointer-has-not", className)
+    }, props), content);
 };
-exports.AppRoot = AppRoot;
+
 //# sourceMappingURL=AppRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.js","names":["vkuiSizeXClassNames","none","SizeType","REGULAR","INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","useDOM","document","insets","useInsets","appearance","useAppearance","useAdaptivity","hasPointer","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","noop","parent","classes","concat","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","COMPACT","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","appRoot","embedded","keyboardInput","classNames"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useInsets } from '../../hooks/useInsets';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport styles from './AppRoot.module.css';\n\nconst vkuiSizeXClassNames = {\n  none: 'vkui--sizeX-none',\n  [SizeType.REGULAR]: 'vkui--sizeX-regular',\n};\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  scroll?: 'global' | 'contain';\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /** Disable portal for components */\n  disablePortal?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal,\n  className,\n  ...props\n}: AppRootProps) => {\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const [portalRoot, setPortalRoot] = React.useState<HTMLElement | null>(null);\n  const { document } = useDOM();\n  const insets = useInsets();\n  const appearance = useAppearance();\n\n  const { hasPointer, sizeX = 'none' } = useAdaptivity();\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    let portal: HTMLElement | null = null;\n    if (portalRootProp) {\n      if (isRefObject(portalRootProp)) {\n        portal = portalRootProp.current;\n      } else {\n        portal = portalRootProp;\n      }\n    }\n    if (!portal) {\n      portal = document!.createElement('div');\n      document!.body.appendChild(portal);\n    }\n    setPortalRoot(portal);\n    return () => {\n      portal?.parentElement?.removeChild(portal);\n    };\n  }, [portalRootProp]);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current?.parentElement;\n    const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n    parent?.classList.add(...classes);\n\n    return () => {\n      parent?.classList.remove(...classes);\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'full') {\n      document!.documentElement.classList.add('vkui');\n\n      return () => {\n        document!.documentElement.classList.remove('vkui');\n      };\n    }\n\n    return undefined;\n  }, [document, mode]);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || !rootRef.current?.parentElement) {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    let key: keyof Insets;\n    for (key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n        const inset = insets[key];\n        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n        portalRoot &&\n          portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n      }\n    }\n\n    return () => {\n      let key: keyof Insets;\n      for (key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n    const className = sizeX !== SizeType.COMPACT ? vkuiSizeXClassNames[sizeX] : null;\n    const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n\n    if (className === null || !container) {\n      return noop;\n    }\n\n    container.classList.add(className);\n    return () => {\n      container.classList.remove(className);\n    };\n  }, [sizeX]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode !== 'full' || appearance === undefined) {\n      return noop;\n    }\n    document!.documentElement.style.setProperty('color-scheme', appearance);\n\n    return () => document!.documentElement.style.removeProperty('color-scheme');\n  }, [appearance]);\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: rootRef,\n        portalRoot,\n        embedded: mode === 'embedded',\n        keyboardInput: isKeyboardInputActive,\n        mode,\n        disablePortal,\n      }}\n    >\n      <ScrollController elRef={rootRef}>\n        <IconSettingsProvider classPrefix=\"vkui\">{children}</IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      className={classNames(\n        styles['AppRoot'],\n        hasPointer === undefined\n          ? styles['AppRoot--pointer-none']\n          : !hasPointer && styles['AppRoot--pointer-has-not'],\n        className,\n      )}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { IconSettingsProvider } from '@vkontakte/icons';\nimport { Insets } from '@vkontakte/vk-bridge';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useInsets } from '../../hooks/useInsets';\nimport { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { AppRootContext } from './AppRootContext';\nimport { ElementScrollController, GlobalScrollController } from './ScrollContext';\nimport styles from './AppRoot.module.css';\n\nconst vkuiSizeXClassNames = {\n  none: 'vkui--sizeX-none',\n  [SizeType.REGULAR]: 'vkui--sizeX-regular',\n};\n\nconst INSET_CUSTOM_PROPERTY_PREFIX = `--vkui_internal--safe_area_inset_`;\n\n// Используйте classList, но будьте осторожны\n/* eslint-disable no-restricted-properties */\n\nexport interface AppRootProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Режим встраивания */\n  mode?: 'partial' | 'embedded' | 'full';\n  window?: Window;\n  scroll?: 'global' | 'contain';\n  /**\n   * Кастомный root-элемент портала\n   */\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement> | null;\n  /** Disable portal for components */\n  disablePortal?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppRoot\n */\nexport const AppRoot = ({\n  children,\n  mode = 'full',\n  scroll = 'global',\n  portalRoot: portalRootProp = null,\n  disablePortal,\n  className,\n  ...props\n}: AppRootProps) => {\n  const isKeyboardInputActive = useKeyboardInputTracker();\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const [portalRoot, setPortalRoot] = React.useState<HTMLElement | null>(null);\n  const { document } = useDOM();\n  const insets = useInsets();\n  const appearance = useAppearance();\n\n  const { hasPointer, sizeX = 'none' } = useAdaptivity();\n\n  // setup portal\n  useIsomorphicLayoutEffect(() => {\n    let portal: HTMLElement | null = null;\n    if (portalRootProp) {\n      if (isRefObject(portalRootProp)) {\n        portal = portalRootProp.current;\n      } else {\n        portal = portalRootProp;\n      }\n    }\n    if (!portal) {\n      portal = document!.createElement('div');\n      document!.body.appendChild(portal);\n    }\n    setPortalRoot(portal);\n    return () => {\n      portal?.parentElement?.removeChild(portal);\n    };\n  }, [portalRootProp]);\n\n  // setup root classes\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n\n    const parent = rootRef.current?.parentElement;\n    const classes = ['vkui__root'].concat(mode === 'embedded' ? 'vkui__root--embedded' : []);\n    parent?.classList.add(...classes);\n\n    return () => {\n      parent?.classList.remove(...classes);\n    };\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'full') {\n      document!.documentElement.classList.add('vkui');\n\n      return () => {\n        document!.documentElement.classList.remove('vkui');\n      };\n    }\n\n    return undefined;\n  }, [document, mode]);\n\n  // setup insets\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial' || !rootRef.current?.parentElement) {\n      return noop;\n    }\n\n    const parent = rootRef.current.parentElement;\n\n    let key: keyof Insets;\n    for (key in insets) {\n      if (insets.hasOwnProperty(key) && typeof insets[key] === 'number') {\n        const inset = insets[key];\n        parent.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n        portalRoot &&\n          portalRoot.style.setProperty(INSET_CUSTOM_PROPERTY_PREFIX + key, `${inset}px`);\n      }\n    }\n\n    return () => {\n      let key: keyof Insets;\n      for (key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n          portalRoot && portalRoot.style.removeProperty(INSET_CUSTOM_PROPERTY_PREFIX + key);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === 'partial') {\n      return noop;\n    }\n    const className = sizeX !== SizeType.COMPACT ? vkuiSizeXClassNames[sizeX] : null;\n    const container = mode === 'embedded' ? rootRef.current?.parentElement : document!.body;\n\n    if (className === null || !container) {\n      return noop;\n    }\n\n    container.classList.add(className);\n    return () => {\n      container.classList.remove(className);\n    };\n  }, [sizeX]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (mode !== 'full' || appearance === undefined) {\n      return noop;\n    }\n    document!.documentElement.style.setProperty('color-scheme', appearance);\n\n    return () => document!.documentElement.style.removeProperty('color-scheme');\n  }, [appearance]);\n\n  const ScrollController = React.useMemo(\n    () => (scroll === 'contain' ? ElementScrollController : GlobalScrollController),\n    [scroll],\n  );\n\n  const content = (\n    <AppRootContext.Provider\n      value={{\n        appRoot: rootRef,\n        portalRoot,\n        embedded: mode === 'embedded',\n        keyboardInput: isKeyboardInputActive,\n        mode,\n        disablePortal,\n      }}\n    >\n      <ScrollController elRef={rootRef}>\n        <IconSettingsProvider classPrefix=\"vkui\">{children}</IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === 'partial' ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      className={classNames(\n        styles['AppRoot'],\n        hasPointer === undefined\n          ? styles['AppRoot--pointer-none']\n          : !hasPointer && styles['AppRoot--pointer-has-not'],\n        className,\n      )}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"names":["AppRoot","vkuiSizeXClassNames","none","SizeType","REGULAR","INSET_CUSTOM_PROPERTY_PREFIX","children","mode","scroll","portalRootProp","portalRoot","disablePortal","className","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","document","useDOM","insets","useInsets","appearance","useAppearance","useAdaptivity","hasPointer","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","parent","noop","classes","concat","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","COMPACT","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","AppRootContext","Provider","value","appRoot","embedded","keyboardInput","elRef","IconSettingsProvider","classPrefix","div","ref","classNames"],"mappings":"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"}

package/dist/cjs/components/AppRoot/AppRootContext.js

@@ -1,13 +1,17 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "AppRootContext", {
+    enumerable: true,
+    get: function() {
+        return AppRootContext;
+    }
 });
-exports.AppRootContext = void 0;
-var React = _interopRequireWildcard(require("react"));
-var AppRootContext = /*#__PURE__*/React.createContext({
-  portalRoot: null
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var AppRootContext = _react.createContext({
+    portalRoot: null
 });
-exports.AppRootContext = AppRootContext;
+
 //# sourceMappingURL=AppRootContext.js.map

package/dist/cjs/components/AppRoot/AppRootContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContext.js","names":["AppRootContext","React","createContext","portalRoot"],"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLElement | null;\n  embedded?: boolean;\n  mode?: 'partial' | 'embedded' | 'full';\n  keyboardInput?: boolean;\n  disablePortal?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"mappings":";;;;;;;AAAA;AAWO,IAAMA,cAAc,gBAAGC,KAAK,CAACC,aAAa,CAA0B;EACzEC,UAAU,EAAE;AACd,CAAC,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface AppRootContextInterface {\n  appRoot?: React.RefObject<HTMLDivElement>;\n  portalRoot?: HTMLElement | null;\n  embedded?: boolean;\n  mode?: 'partial' | 'embedded' | 'full';\n  keyboardInput?: boolean;\n  disablePortal?: boolean;\n}\n\nexport const AppRootContext = React.createContext<AppRootContextInterface>({\n  portalRoot: null,\n});\n"],"names":["AppRootContext","React","createContext","portalRoot"],"mappings":";;;;+BAWaA;;;eAAAA;;;;2DAXU;AAWhB,IAAMA,iBAAiBC,OAAMC,aAAa,CAA0B;IACzEC,YAAY,IAAI;AAClB"}

package/dist/cjs/components/AppRoot/AppRootPortal.js

@@ -1,35 +1,34 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "AppRootPortal", {
+    enumerable: true,
+    get: function() {
+        return AppRootPortal;
+    }
 });
-exports.AppRootPortal = 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 _reactDom = require("react-dom");
 var _useAppearance = require("../../hooks/useAppearance");
 var _useIsClient = require("../../hooks/useIsClient");
-var _AppearanceProvider = require("../AppearanceProvider/AppearanceProvider");
-var _AppRootContext = require("./AppRootContext");
-var AppRootPortal = function AppRootPortal(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    forcePortalProp = _ref.forcePortal;
-  var _React$useContext = React.useContext(_AppRootContext.AppRootContext),
-    portalRoot = _React$useContext.portalRoot,
-    mode = _React$useContext.mode,
-    disablePortal = _React$useContext.disablePortal;
-  var appearance = (0, _useAppearance.useAppearance)();
-  var isClient = (0, _useIsClient.useIsClient)();
-  if (!isClient) {
-    return null;
-  }
-  var forcePortal = forcePortalProp !== null && forcePortalProp !== void 0 ? forcePortalProp : mode !== 'full';
-  return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/React.createElement(_AppearanceProvider.AppearanceProvider, {
-    appearance: appearance
-  }, /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, children)), portalRoot) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+var _appearanceProvider = require("../AppearanceProvider/AppearanceProvider");
+var _appRootContext = require("./AppRootContext");
+var AppRootPortal = function(param) {
+    var children = param.children, className = param.className, forcePortalProp = param.forcePortal;
+    var _React_useContext = _react.useContext(_appRootContext.AppRootContext), portalRoot = _React_useContext.portalRoot, mode = _React_useContext.mode, disablePortal = _React_useContext.disablePortal;
+    var appearance = (0, _useAppearance.useAppearance)();
+    var isClient = (0, _useIsClient.useIsClient)();
+    if (!isClient) {
+        return null;
+    }
+    var forcePortal = forcePortalProp !== null && forcePortalProp !== void 0 ? forcePortalProp : mode !== "full";
+    return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/ (0, _reactDom.createPortal)(/*#__PURE__*/ _react.createElement(_appearanceProvider.AppearanceProvider, {
+        appearance: appearance
+    }, /*#__PURE__*/ _react.createElement("div", {
+        className: className
+    }, children)), portalRoot) : /*#__PURE__*/ _react.createElement(_react.Fragment, null, children);
 };
-exports.AppRootPortal = AppRootPortal;
+
 //# sourceMappingURL=AppRootPortal.js.map

package/dist/cjs/components/AppRoot/AppRootPortal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootPortal.js","names":["AppRootPortal","children","className","forcePortalProp","forcePortal","React","useContext","AppRootContext","portalRoot","mode","disablePortal","appearance","useAppearance","isClient","useIsClient","createPortal"],"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { AppearanceProvider } from '../AppearanceProvider/AppearanceProvider';\nimport { AppRootContext } from './AppRootContext';\n\nexport interface AppRootPortalProps {\n  className?: string;\n  forcePortal?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const AppRootPortal = ({\n  children,\n  className,\n  forcePortal: forcePortalProp,\n}: AppRootPortalProps) => {\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  const isClient = useIsClient();\n  if (!isClient) {\n    return null;\n  }\n\n  const forcePortal = forcePortalProp ?? mode !== 'full';\n\n  return !disablePortal && portalRoot && forcePortal ? (\n    createPortal(\n      <AppearanceProvider appearance={appearance}>\n        <div className={className}>{children}</div>\n      </AppearanceProvider>,\n      portalRoot,\n    )\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIA;EAAA,IAHxBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACIC,eAAe,QAA5BC,WAAW;EAEX,wBAA4CC,KAAK,CAACC,UAAU,CAACC,8BAAc,CAAC;IAApEC,UAAU,qBAAVA,UAAU;IAAEC,IAAI,qBAAJA,IAAI;IAAEC,aAAa,qBAAbA,aAAa;EACvC,IAAMC,UAAU,GAAG,IAAAC,4BAAa,GAAE;EAElC,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAC9B,IAAI,CAACD,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAMT,WAAW,GAAGD,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIM,IAAI,KAAK,MAAM;EAEtD,OAAO,CAACC,aAAa,IAAIF,UAAU,IAAIJ,WAAW,gBAChD,IAAAW,sBAAY,gBACV,oBAAC,sCAAkB;IAAC,UAAU,EAAEJ;EAAW,gBACzC;IAAK,SAAS,EAAET;EAAU,GAAED,QAAQ,CAAO,CACxB,EACrBO,UAAU,CACX,gBAED,oBAAC,KAAK,CAAC,QAAQ,QAAEP,QAAQ,CAC1B;AACH,CAAC;AAAC"}
+{"version":3,"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useAppearance } from '../../hooks/useAppearance';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { AppearanceProvider } from '../AppearanceProvider/AppearanceProvider';\nimport { AppRootContext } from './AppRootContext';\n\nexport interface AppRootPortalProps {\n  className?: string;\n  forcePortal?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const AppRootPortal = ({\n  children,\n  className,\n  forcePortal: forcePortalProp,\n}: AppRootPortalProps) => {\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  const isClient = useIsClient();\n  if (!isClient) {\n    return null;\n  }\n\n  const forcePortal = forcePortalProp ?? mode !== 'full';\n\n  return !disablePortal && portalRoot && forcePortal ? (\n    createPortal(\n      <AppearanceProvider appearance={appearance}>\n        <div className={className}>{children}</div>\n      </AppearanceProvider>,\n      portalRoot,\n    )\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"names":["AppRootPortal","children","className","forcePortal","forcePortalProp","React","useContext","AppRootContext","portalRoot","mode","disablePortal","appearance","useAppearance","isClient","useIsClient","createPortal","AppearanceProvider","div","Fragment"],"mappings":";;;;+BAaaA;;;eAAAA;;;;2DAbU;wBACM;6BACC;2BACF;kCACO;8BACJ;AAQxB,IAAMA,gBAAgB,gBAIH;QAHxBC,iBAAAA,UACAC,kBAAAA,WACAC,AAAaC,wBAAbD;IAEA,IAA4CE,oBAAAA,OAAMC,UAAU,CAACC,8BAAc,GAAnEC,aAAoCH,kBAApCG,YAAYC,OAAwBJ,kBAAxBI,MAAMC,gBAAkBL,kBAAlBK;IAC1B,IAAMC,aAAaC,IAAAA,4BAAa;IAEhC,IAAMC,WAAWC,IAAAA,wBAAW;IAC5B,IAAI,CAACD,UAAU;QACb,OAAO,IAAI;IACb,CAAC;IAED,IAAMV,cAAcC,4BAAAA,6BAAAA,kBAAmBK,SAAS,MAAM;IAEtD,OAAO,CAACC,iBAAiBF,cAAcL,4BACrCY,IAAAA,sBAAY,gBACV,qBAACC,sCAAkB;QAACL,YAAYA;qBAC9B,qBAACM;QAAIf,WAAWA;OAAYD,YAE9BO,4BAGF,qBAACH,OAAMa,QAAQ,QAAEjB,SAClB;AACH"}