@vkontakte/vkui 5.2.3 → 5.3.0

package/dist/components/AppRoot/AppRoot.js

@@ -1,175 +1,174 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "mode", "scroll", "portalRoot", "disablePortal", "className"];
-import * as React from 'react';
-import { IconSettingsProvider } from '@vkontakte/icons';
-import { classNames, noop } from '@vkontakte/vkjs';
-import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useAppearance } from '../../hooks/useAppearance';
-import { useInsets } from '../../hooks/useInsets';
-import { useKeyboardInputTracker } from '../../hooks/useKeyboardInputTracker';
-import { SizeType } from '../../lib/adaptivity';
-import { useDOM } from '../../lib/dom';
-import { isRefObject } from '../../lib/isRefObject';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { AppRootContext } from './AppRootContext';
-import { ElementScrollController, GlobalScrollController } from './ScrollContext';
-var vkuiSizeXClassNames = _defineProperty({
-  none: 'vkui--sizeX-none'
-}, SizeType.REGULAR, 'vkui--sizeX-regular');
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import * as React from "react";
+import { IconSettingsProvider } from "@vkontakte/icons";
+import { classNames, noop } from "@vkontakte/vkjs";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { useAppearance } from "../../hooks/useAppearance";
+import { useInsets } from "../../hooks/useInsets";
+import { useKeyboardInputTracker } from "../../hooks/useKeyboardInputTracker";
+import { SizeType } from "../../lib/adaptivity";
+import { useDOM } from "../../lib/dom";
+import { isRefObject } from "../../lib/isRefObject";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { AppRootContext } from "./AppRootContext";
+import { ElementScrollController, GlobalScrollController } from "./ScrollContext";
+var vkuiSizeXClassNames = _define_property({
+    none: "vkui--sizeX-none"
+}, 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
- */
-export 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 = _objectWithoutProperties(_ref, _excluded);
-  var isKeyboardInputActive = useKeyboardInputTracker();
-  var rootRef = React.useRef(null);
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    portalRoot = _React$useState2[0],
-    setPortalRoot = _React$useState2[1];
-  var _useDOM = useDOM(),
-    document = _useDOM.document;
-  var insets = useInsets();
-  var appearance = useAppearance();
-  var _useAdaptivity = useAdaptivity(),
-    hasPointer = _useAdaptivity.hasPointer,
-    _useAdaptivity$sizeX = _useAdaptivity.sizeX,
-    sizeX = _useAdaptivity$sizeX === void 0 ? 'none' : _useAdaptivity$sizeX;
-
-  // setup portal
-  useIsomorphicLayoutEffect(function () {
-    var portal = null;
-    if (portalRootProp) {
-      if (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
-  useIsomorphicLayoutEffect(function () {
-    var _rootRef$current, _parent$classList;
-    if (mode === 'partial') {
-      return 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$classList2;
-      parent === null || parent === void 0 ? void 0 : (_parent$classList2 = parent.classList).remove.apply(_parent$classList2, _toConsumableArray(classes));
-    };
-  }, []);
-  useIsomorphicLayoutEffect(function () {
-    if (mode === 'full') {
-      document.documentElement.classList.add('vkui');
-      return function () {
-        document.documentElement.classList.remove('vkui');
-      };
-    }
-    return undefined;
-  }, [document, mode]);
-
-  // setup insets
-  useIsomorphicLayoutEffect(function () {
-    var _rootRef$current2;
-    if (mode === 'partial' || !((_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 && _rootRef$current2.parentElement)) {
-      return 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);
+ */ export 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 = _object_without_properties(_param, [
+        "children",
+        "mode",
+        "scroll",
+        "portalRoot",
+        "disablePortal",
+        "className"
+    ]);
+    var isKeyboardInputActive = useKeyboardInputTracker();
+    var rootRef = React.useRef(null);
+    var _React_useState = _sliced_to_array(React.useState(null), 2), portalRoot = _React_useState[0], setPortalRoot = _React_useState[1];
+    var document = useDOM().document;
+    var insets = useInsets();
+    var appearance = useAppearance();
+    var _useAdaptivity = useAdaptivity(), hasPointer = _useAdaptivity.hasPointer, _useAdaptivity_sizeX = _useAdaptivity.sizeX, sizeX = _useAdaptivity_sizeX === void 0 ? "none" : _useAdaptivity_sizeX;
+    // setup portal
+    useIsomorphicLayoutEffect(function() {
+        var portal = null;
+        if (portalRootProp) {
+            if (isRefObject(portalRootProp)) {
+                portal = portalRootProp.current;
+            } else {
+                portal = portalRootProp;
+            }
         }
-      }
-    };
-  }, [insets, portalRoot]);
-
-  // adaptivity handler
-  useIsomorphicLayoutEffect(function () {
-    var _rootRef$current3;
-    if (mode === 'partial') {
-      return noop;
-    }
-    var className = sizeX !== 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 noop;
-    }
-    container.classList.add(className);
-    return function () {
-      container.classList.remove(className);
-    };
-  }, [sizeX]);
-  useIsomorphicLayoutEffect(function () {
-    if (mode !== 'full' || appearance === undefined) {
-      return 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' ? ElementScrollController : GlobalScrollController;
-  }, [scroll]);
-  var content = /*#__PURE__*/React.createElement(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(IconSettingsProvider, {
-    classPrefix: "vkui"
-  }, children)));
-  return mode === 'partial' ? content : /*#__PURE__*/React.createElement("div", _extends({
-    ref: rootRef,
-    className: 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
+    useIsomorphicLayoutEffect(function() {
+        var _parent_classList;
+        var _rootRef_current;
+        if (mode === "partial") {
+            return 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, _to_consumable_array(classes));
+        return function() {
+            var _parent_classList;
+            parent === null || parent === void 0 ? void 0 : (_parent_classList = parent.classList).remove.apply(_parent_classList, _to_consumable_array(classes));
+        };
+    }, []);
+    useIsomorphicLayoutEffect(function() {
+        if (mode === "full") {
+            document.documentElement.classList.add("vkui");
+            return function() {
+                document.documentElement.classList.remove("vkui");
+            };
+        }
+        return undefined;
+    }, [
+        document,
+        mode
+    ]);
+    // setup insets
+    useIsomorphicLayoutEffect(function() {
+        var _rootRef_current;
+        if (mode === "partial" || !((_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.parentElement)) {
+            return 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
+    useIsomorphicLayoutEffect(function() {
+        var _rootRef_current;
+        if (mode === "partial") {
+            return noop;
+        }
+        var className = sizeX !== 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 noop;
+        }
+        container.classList.add(className);
+        return function() {
+            container.classList.remove(className);
+        };
+    }, [
+        sizeX
+    ]);
+    useIsomorphicLayoutEffect(function() {
+        if (mode !== "full" || appearance === undefined) {
+            return 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" ? ElementScrollController : GlobalScrollController;
+    }, [
+        scroll
+    ]);
+    var content = /*#__PURE__*/ React.createElement(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(IconSettingsProvider, {
+        classPrefix: "vkui"
+    }, children)));
+    return mode === "partial" ? content : /*#__PURE__*/ React.createElement("div", _object_spread({
+        ref: rootRef,
+        className: classNames("vkuiAppRoot", hasPointer === undefined ? "vkuiAppRoot--pointer-none" : !hasPointer && "vkuiAppRoot--pointer-has-not", className)
+    }, props), content);
 };
+
 //# sourceMappingURL=AppRoot.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.js","names":["React","IconSettingsProvider","classNames","noop","useAdaptivity","useAppearance","useInsets","useKeyboardInputTracker","SizeType","useDOM","isRefObject","useIsomorphicLayoutEffect","AppRootContext","ElementScrollController","GlobalScrollController","vkuiSizeXClassNames","none","REGULAR","INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","appearance","hasPointer","sizeX","portal","current","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","COMPACT","container","ScrollController","useMemo","content","appRoot","embedded","keyboardInput"],"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":["React","IconSettingsProvider","classNames","noop","useAdaptivity","useAppearance","useInsets","useKeyboardInputTracker","SizeType","useDOM","isRefObject","useIsomorphicLayoutEffect","AppRootContext","ElementScrollController","GlobalScrollController","vkuiSizeXClassNames","none","REGULAR","INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRootProp","portalRoot","disablePortal","className","props","isKeyboardInputActive","rootRef","useRef","useState","setPortalRoot","document","insets","appearance","hasPointer","sizeX","portal","current","createElement","body","appendChild","parentElement","removeChild","parent","classes","concat","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","COMPACT","container","ScrollController","useMemo","content","Provider","value","appRoot","embedded","keyboardInput","elRef","classPrefix","div","ref"],"mappings":"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"}

package/dist/components/AppRoot/AppRootContext.js

@@ -1,5 +1,6 @@
-import * as React from 'react';
-export var AppRootContext = /*#__PURE__*/React.createContext({
-  portalRoot: null
+import * as React from "react";
+export var AppRootContext = React.createContext({
+    portalRoot: null
 });
+
 //# sourceMappingURL=AppRootContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRootContext.js","names":["React","AppRootContext","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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAW9B,OAAO,IAAMC,cAAc,gBAAGD,KAAK,CAACE,aAAa,CAA0B;EACzEC,UAAU,EAAE;AACd,CAAC,CAAC"}
+{"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":["React","AppRootContext","createContext","portalRoot"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAW/B,OAAO,IAAMC,iBAAiBD,MAAME,aAAa,CAA0B;IACzEC,YAAY,IAAI;AAClB,GAAG"}

package/dist/components/AppRoot/AppRootPortal.js

@@ -1,27 +1,23 @@
-import * as React from 'react';
-import { createPortal } from 'react-dom';
-import { useAppearance } from '../../hooks/useAppearance';
-import { useIsClient } from '../../hooks/useIsClient';
-import { AppearanceProvider } from '../AppearanceProvider/AppearanceProvider';
-import { AppRootContext } from './AppRootContext';
-export var AppRootPortal = function AppRootPortal(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    forcePortalProp = _ref.forcePortal;
-  var _React$useContext = React.useContext(AppRootContext),
-    portalRoot = _React$useContext.portalRoot,
-    mode = _React$useContext.mode,
-    disablePortal = _React$useContext.disablePortal;
-  var appearance = useAppearance();
-  var isClient = useIsClient();
-  if (!isClient) {
-    return null;
-  }
-  var forcePortal = forcePortalProp !== null && forcePortalProp !== void 0 ? forcePortalProp : mode !== 'full';
-  return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(AppearanceProvider, {
-    appearance: appearance
-  }, /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, children)), portalRoot) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { useAppearance } from "../../hooks/useAppearance";
+import { useIsClient } from "../../hooks/useIsClient";
+import { AppearanceProvider } from "../AppearanceProvider/AppearanceProvider";
+import { AppRootContext } from "./AppRootContext";
+export var AppRootPortal = function(param) {
+    var children = param.children, className = param.className, forcePortalProp = param.forcePortal;
+    var _React_useContext = React.useContext(AppRootContext), portalRoot = _React_useContext.portalRoot, mode = _React_useContext.mode, disablePortal = _React_useContext.disablePortal;
+    var appearance = useAppearance();
+    var isClient = useIsClient();
+    if (!isClient) {
+        return null;
+    }
+    var forcePortal = forcePortalProp !== null && forcePortalProp !== void 0 ? forcePortalProp : mode !== "full";
+    return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(AppearanceProvider, {
+        appearance: appearance
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: className
+    }, children)), portalRoot) : /*#__PURE__*/ React.createElement(React.Fragment, null, children);
 };
+
 //# sourceMappingURL=AppRootPortal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRootPortal.js","names":["React","createPortal","useAppearance","useIsClient","AppearanceProvider","AppRootContext","AppRootPortal","children","className","forcePortalProp","forcePortal","useContext","portalRoot","mode","disablePortal","appearance","isClient"],"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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,kBAAkB,QAAQ,0CAA0C;AAC7E,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAIA;EAAA,IAHxBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACIC,eAAe,QAA5BC,WAAW;EAEX,wBAA4CV,KAAK,CAACW,UAAU,CAACN,cAAc,CAAC;IAApEO,UAAU,qBAAVA,UAAU;IAAEC,IAAI,qBAAJA,IAAI;IAAEC,aAAa,qBAAbA,aAAa;EACvC,IAAMC,UAAU,GAAGb,aAAa,EAAE;EAElC,IAAMc,QAAQ,GAAGb,WAAW,EAAE;EAC9B,IAAI,CAACa,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EAEA,IAAMN,WAAW,GAAGD,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,IAAI,KAAK,MAAM;EAEtD,OAAO,CAACC,aAAa,IAAIF,UAAU,IAAIF,WAAW,gBAChDT,YAAY,eACV,oBAAC,kBAAkB;IAAC,UAAU,EAAEc;EAAW,gBACzC;IAAK,SAAS,EAAEP;EAAU,GAAED,QAAQ,CAAO,CACxB,EACrBK,UAAU,CACX,gBAED,oBAAC,KAAK,CAAC,QAAQ,QAAEL,QAAQ,CAC1B;AACH,CAAC"}
+{"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":["React","createPortal","useAppearance","useIsClient","AppearanceProvider","AppRootContext","AppRootPortal","children","className","forcePortal","forcePortalProp","useContext","portalRoot","mode","disablePortal","appearance","isClient","div","Fragment"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,kBAAkB,QAAQ,2CAA2C;AAC9E,SAASC,cAAc,QAAQ,mBAAmB;AAQlD,OAAO,IAAMC,gBAAgB,gBAIH;QAHxBC,iBAAAA,UACAC,kBAAAA,WACAC,AAAaC,wBAAbD;IAEA,IAA4CT,oBAAAA,MAAMW,UAAU,CAACN,iBAArDO,aAAoCZ,kBAApCY,YAAYC,OAAwBb,kBAAxBa,MAAMC,gBAAkBd,kBAAlBc;IAC1B,IAAMC,aAAab;IAEnB,IAAMc,WAAWb;IACjB,IAAI,CAACa,UAAU;QACb,OAAO,IAAI;IACb,CAAC;IAED,IAAMP,cAAcC,4BAAAA,6BAAAA,kBAAmBG,SAAS,MAAM;IAEtD,OAAO,CAACC,iBAAiBF,cAAcH,4BACrCR,2BACE,oBAACG;QAAmBW,YAAYA;qBAC9B,oBAACE;QAAIT,WAAWA;OAAYD,YAE9BK,4BAGF,oBAACZ,MAAMkB,QAAQ,QAAEX,SAClB;AACH,EAAE"}