@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,234 +1,269 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useScrollLockEffect = exports.useScrollLock = exports.useScroll = exports.ScrollContext = exports.GlobalScrollController = exports.ElementScrollController = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ScrollContext: function() {
+        return ScrollContext;
+    },
+    useScroll: function() {
+        return useScroll;
+    },
+    GlobalScrollController: function() {
+        return GlobalScrollController;
+    },
+    ElementScrollController: function() {
+        return ElementScrollController;
+    },
+    useScrollLockEffect: function() {
+        return useScrollLockEffect;
+    },
+    useScrollLock: function() {
+        return useScrollLock;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.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 _math = require("../../helpers/math");
 var _dom = require("../../lib/dom");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var clearDisableScrollStyle = function clearDisableScrollStyle(node) {
-  Object.assign(node.style, {
-    position: '',
-    top: '',
-    left: '',
-    right: '',
-    overflowY: '',
-    overflowX: ''
-  });
+var clearDisableScrollStyle = function(node) {
+    Object.assign(node.style, {
+        position: "",
+        top: "",
+        left: "",
+        right: "",
+        overflowY: "",
+        overflowX: ""
+    });
 };
-var getPageYOffsetWithoutKeyboardHeight = function getPageYOffsetWithoutKeyboardHeight(window) {
-  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.
-  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,
-  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.
-  var diffOfClientHeightAndViewportHeight = window.document.documentElement.clientHeight - window.innerHeight;
-  return window.pageYOffset - diffOfClientHeightAndViewportHeight;
+var getPageYOffsetWithoutKeyboardHeight = function(window) {
+    // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.
+    //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,
+    //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.
+    var diffOfClientHeightAndViewportHeight = window.document.documentElement.clientHeight - window.innerHeight;
+    return window.pageYOffset - diffOfClientHeightAndViewportHeight;
 };
-var ScrollContext = /*#__PURE__*/React.createContext({
-  getScroll: function getScroll() {
-    return {
-      x: 0,
-      y: 0
-    };
-  },
-  scrollTo: _vkjs.noop,
-  isScrollLock: false,
-  enableScrollLock: _vkjs.noop,
-  disableScrollLock: _vkjs.noop
+var ScrollContext = /*#__PURE__*/ _react.createContext({
+    getScroll: function() {
+        return {
+            x: 0,
+            y: 0
+        };
+    },
+    scrollTo: _vkjs.noop,
+    isScrollLock: false,
+    enableScrollLock: _vkjs.noop,
+    disableScrollLock: _vkjs.noop
 });
-exports.ScrollContext = ScrollContext;
-var useScroll = function useScroll() {
-  return React.useContext(ScrollContext);
+var useScroll = function() {
+    return _react.useContext(ScrollContext);
 };
-exports.useScroll = useScroll;
-var GlobalScrollController = function GlobalScrollController(_ref) {
-  var children = _ref.children;
-  var _useDOM = (0, _dom.useDOM)(),
-    window = _useDOM.window,
-    document = _useDOM.document;
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    isScrollLock = _React$useState2[0],
-    setScrollLock = _React$useState2[1];
-  var beforeScrollLockFnSetRef = React.useRef(new Set());
-  var getScroll = React.useCallback(function () {
-    return {
-      x: window.pageXOffset,
-      y: getPageYOffsetWithoutKeyboardHeight(window)
-    };
-  }, [window]);
-  var scrollTo = React.useCallback(function () {
-    var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    // Some iOS versions do not normalize scroll — do it manually.
-    window.scrollTo(x ? (0, _math.clamp)(x, 0, document.body.scrollWidth - window.innerWidth) : 0, y ? (0, _math.clamp)(y, 0, document.body.scrollHeight - window.innerHeight) : 0);
-  }, [document, window]);
-  var enableScrollLock = React.useCallback(function () {
-    beforeScrollLockFnSetRef.current.forEach(function (fn) {
-      fn();
-    });
-    var scrollY = window.pageYOffset;
-    var scrollX = window.pageXOffset;
-    var overflowY = window.innerWidth > document.documentElement.clientWidth ? 'scroll' : '';
-    var overflowX = window.innerHeight > document.documentElement.clientHeight ? 'scroll' : '';
-    Object.assign(document.body.style, {
-      position: 'fixed',
-      top: "-".concat(scrollY, "px"),
-      left: "-".concat(scrollX, "px"),
-      right: '0',
-      overflowY: overflowY,
-      overflowX: overflowX
-    });
-    setScrollLock(true);
-  }, [document, window]);
-  var disableScrollLock = React.useCallback(function () {
-    var scrollY = document.body.style.top;
-    var scrollX = document.body.style.left;
-    clearDisableScrollStyle(document.body);
-    window.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));
-    setScrollLock(false);
-  }, [document, window]);
-  var scrollController = React.useMemo(function () {
-    return {
-      getScroll: getScroll,
-      scrollTo: scrollTo,
-      isScrollLock: isScrollLock,
-      disableScrollLock: disableScrollLock,
-      enableScrollLock: enableScrollLock,
-      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
-    };
-  }, [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]);
-  return /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-    value: scrollController
-  }, children);
+var GlobalScrollController = function(param) {
+    var children = param.children;
+    var _useDOM = (0, _dom.useDOM)(), window = _useDOM.window, document = _useDOM.document;
+    var _React_useState = _slicedToArray(_react.useState(false), 2), isScrollLock = _React_useState[0], setScrollLock = _React_useState[1];
+    var beforeScrollLockFnSetRef = _react.useRef(new Set());
+    var getScroll = _react.useCallback(function() {
+        return {
+            x: window.pageXOffset,
+            y: getPageYOffsetWithoutKeyboardHeight(window)
+        };
+    }, [
+        window
+    ]);
+    var scrollTo = _react.useCallback(function() {
+        var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+        // Some iOS versions do not normalize scroll — do it manually.
+        window.scrollTo(x ? (0, _math.clamp)(x, 0, document.body.scrollWidth - window.innerWidth) : 0, y ? (0, _math.clamp)(y, 0, document.body.scrollHeight - window.innerHeight) : 0);
+    }, [
+        document,
+        window
+    ]);
+    var enableScrollLock = _react.useCallback(function() {
+        beforeScrollLockFnSetRef.current.forEach(function(fn) {
+            fn();
+        });
+        var scrollY = window.pageYOffset;
+        var scrollX = window.pageXOffset;
+        var overflowY = window.innerWidth > document.documentElement.clientWidth ? "scroll" : "";
+        var overflowX = window.innerHeight > document.documentElement.clientHeight ? "scroll" : "";
+        Object.assign(document.body.style, {
+            position: "fixed",
+            top: "-".concat(scrollY, "px"),
+            left: "-".concat(scrollX, "px"),
+            right: "0",
+            overflowY: overflowY,
+            overflowX: overflowX
+        });
+        setScrollLock(true);
+    }, [
+        document,
+        window
+    ]);
+    var disableScrollLock = _react.useCallback(function() {
+        var scrollY = document.body.style.top;
+        var scrollX = document.body.style.left;
+        clearDisableScrollStyle(document.body);
+        window.scrollTo(-parseInt(scrollX || "0"), -parseInt(scrollY || "0"));
+        setScrollLock(false);
+    }, [
+        document,
+        window
+    ]);
+    var scrollController = _react.useMemo(function() {
+        return {
+            getScroll: getScroll,
+            scrollTo: scrollTo,
+            isScrollLock: isScrollLock,
+            disableScrollLock: disableScrollLock,
+            enableScrollLock: enableScrollLock,
+            beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
+        };
+    }, [
+        getScroll,
+        scrollTo,
+        isScrollLock,
+        disableScrollLock,
+        enableScrollLock
+    ]);
+    return /*#__PURE__*/ _react.createElement(ScrollContext.Provider, {
+        value: scrollController
+    }, children);
 };
-exports.GlobalScrollController = GlobalScrollController;
-var ElementScrollController = function ElementScrollController(_ref2) {
-  var elRef = _ref2.elRef,
-    children = _ref2.children;
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    isScrollLock = _React$useState4[0],
-    setScrollLock = _React$useState4[1];
-  var beforeScrollLockFnSetRef = React.useRef(new Set());
-  var getScroll = React.useCallback(function () {
-    var _elRef$current$scroll, _elRef$current, _elRef$current$scroll2, _elRef$current2;
-    return {
-      x: (_elRef$current$scroll = (_elRef$current = elRef.current) === null || _elRef$current === void 0 ? void 0 : _elRef$current.scrollLeft) !== null && _elRef$current$scroll !== void 0 ? _elRef$current$scroll : 0,
-      y: (_elRef$current$scroll2 = (_elRef$current2 = elRef.current) === null || _elRef$current2 === void 0 ? void 0 : _elRef$current2.scrollTop) !== null && _elRef$current$scroll2 !== void 0 ? _elRef$current$scroll2 : 0
-    };
-  }, [elRef]);
-  var scrollTo = React.useCallback(function () {
-    var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    var el = elRef.current;
-    // Some iOS versions do not normalize scroll — do it manually.
-    el === null || el === void 0 ? void 0 : el.scrollTo(x ? (0, _math.clamp)(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? (0, _math.clamp)(y, 0, el.scrollHeight - el.clientHeight) : 0);
-  }, [elRef]);
-  var enableScrollLock = React.useCallback(function () {
-    var el = elRef.current;
-    if (!el) {
-      return;
-    }
-    beforeScrollLockFnSetRef.current.forEach(function (fn) {
-      fn();
-    });
-    var scrollY = el.scrollTop;
-    var scrollX = el.scrollLeft;
-    var overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';
-    var overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';
-    Object.assign(el.style, {
-      position: 'absolute',
-      top: "-".concat(scrollY, "px"),
-      left: "-".concat(scrollX, "px"),
-      right: '0',
-      overflowY: overflowY,
-      overflowX: overflowX
-    });
-    setScrollLock(true);
-  }, [elRef]);
-  var disableScrollLock = React.useCallback(function () {
-    var el = elRef.current;
-    if (!el) {
-      return;
-    }
-    var scrollY = el.style.top;
-    var scrollX = el.style.left;
-    clearDisableScrollStyle(el);
-    el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));
-    setScrollLock(false);
-  }, [elRef]);
-  var scrollController = React.useMemo(function () {
-    return {
-      getScroll: getScroll,
-      scrollTo: scrollTo,
-      isScrollLock: isScrollLock,
-      disableScrollLock: disableScrollLock,
-      enableScrollLock: enableScrollLock,
-      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
-    };
-  }, [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]);
-  return /*#__PURE__*/React.createElement(ScrollContext.Provider, {
-    value: scrollController
-  }, children);
+var ElementScrollController = function(param) {
+    var elRef = param.elRef, children = param.children;
+    var _React_useState = _slicedToArray(_react.useState(false), 2), isScrollLock = _React_useState[0], setScrollLock = _React_useState[1];
+    var beforeScrollLockFnSetRef = _react.useRef(new Set());
+    var _elRef_current_scrollLeft, _elRef_current_scrollTop;
+    var getScroll = _react.useCallback(function() {
+        var _elRef_current, _elRef_current1;
+        return {
+            x: (_elRef_current_scrollLeft = (_elRef_current = elRef.current) === null || _elRef_current === void 0 ? void 0 : _elRef_current.scrollLeft) !== null && _elRef_current_scrollLeft !== void 0 ? _elRef_current_scrollLeft : 0,
+            y: (_elRef_current_scrollTop = (_elRef_current1 = elRef.current) === null || _elRef_current1 === void 0 ? void 0 : _elRef_current1.scrollTop) !== null && _elRef_current_scrollTop !== void 0 ? _elRef_current_scrollTop : 0
+        };
+    }, [
+        elRef
+    ]);
+    var scrollTo = _react.useCallback(function() {
+        var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
+        var el = elRef.current;
+        // Some iOS versions do not normalize scroll — do it manually.
+        el === null || el === void 0 ? void 0 : el.scrollTo(x ? (0, _math.clamp)(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? (0, _math.clamp)(y, 0, el.scrollHeight - el.clientHeight) : 0);
+    }, [
+        elRef
+    ]);
+    var enableScrollLock = _react.useCallback(function() {
+        var el = elRef.current;
+        if (!el) {
+            return;
+        }
+        beforeScrollLockFnSetRef.current.forEach(function(fn) {
+            fn();
+        });
+        var scrollY = el.scrollTop;
+        var scrollX = el.scrollLeft;
+        var overflowY = el.scrollWidth > el.clientWidth ? "scroll" : "";
+        var overflowX = el.scrollHeight > el.clientHeight ? "scroll" : "";
+        Object.assign(el.style, {
+            position: "absolute",
+            top: "-".concat(scrollY, "px"),
+            left: "-".concat(scrollX, "px"),
+            right: "0",
+            overflowY: overflowY,
+            overflowX: overflowX
+        });
+        setScrollLock(true);
+    }, [
+        elRef
+    ]);
+    var disableScrollLock = _react.useCallback(function() {
+        var el = elRef.current;
+        if (!el) {
+            return;
+        }
+        var scrollY = el.style.top;
+        var scrollX = el.style.left;
+        clearDisableScrollStyle(el);
+        el.scrollTo(-parseInt(scrollX || "0"), -parseInt(scrollY || "0"));
+        setScrollLock(false);
+    }, [
+        elRef
+    ]);
+    var scrollController = _react.useMemo(function() {
+        return {
+            getScroll: getScroll,
+            scrollTo: scrollTo,
+            isScrollLock: isScrollLock,
+            disableScrollLock: disableScrollLock,
+            enableScrollLock: enableScrollLock,
+            beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
+        };
+    }, [
+        getScroll,
+        scrollTo,
+        isScrollLock,
+        disableScrollLock,
+        enableScrollLock
+    ]);
+    return /*#__PURE__*/ _react.createElement(ScrollContext.Provider, {
+        value: scrollController
+    }, children);
 };
-
-/**
- * Вызывает функцию effect, до блокировки прокрутки
- * @param effect функция, которая может возвращать функцию очистки
- * @param deps effect обновится только при изменении значений в списке.
- */
-exports.ElementScrollController = ElementScrollController;
-var useScrollLockEffect = function useScrollLockEffect(effect, deps) {
-  var destructorRef = React.useRef(_vkjs.noop);
-  var _useScroll = useScroll(),
-    isScrollLock = _useScroll.isScrollLock,
-    beforeScrollLockFnSetRef = _useScroll.beforeScrollLockFnSetRef;
-
-  // Изменяем effectCallback только при изменении deps
-  var effectCallback = React.useCallback(function () {
-    destructorRef.current = effect();
+var useScrollLockEffect = function(effect, deps) {
+    var destructorRef = _react.useRef(_vkjs.noop);
+    var _useScroll = useScroll(), isScrollLock = _useScroll.isScrollLock, beforeScrollLockFnSetRef = _useScroll.beforeScrollLockFnSetRef;
+    // Изменяем effectCallback только при изменении deps
+    var effectCallback = _react.useCallback(function() {
+        destructorRef.current = effect();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
-
-  // Добавляем effectCallback в список функций, которые необходимо вызвать
-  // до блокировки
-  React.useEffect(function () {
-    var beforeSet = beforeScrollLockFnSetRef === null || beforeScrollLockFnSetRef === void 0 ? void 0 : beforeScrollLockFnSetRef.current;
-    if (!beforeSet) {
-      return _vkjs.noop;
-    }
-    beforeSet.add(effectCallback);
-    return function () {
-      beforeSet.delete(effectCallback);
-    };
-  }, [beforeScrollLockFnSetRef, effectCallback]);
-
-  // Вызываем сбрасывающую функцию, после отключения блокировки
-  React.useEffect(function () {
-    if (!isScrollLock && destructorRef.current) {
-      destructorRef.current();
-    }
-  }, [isScrollLock]);
+    }, deps);
+    // Добавляем effectCallback в список функций, которые необходимо вызвать
+    // до блокировки
+    _react.useEffect(function() {
+        var beforeSet = beforeScrollLockFnSetRef === null || beforeScrollLockFnSetRef === void 0 ? void 0 : beforeScrollLockFnSetRef.current;
+        if (!beforeSet) {
+            return _vkjs.noop;
+        }
+        beforeSet.add(effectCallback);
+        return function() {
+            beforeSet.delete(effectCallback);
+        };
+    }, [
+        beforeScrollLockFnSetRef,
+        effectCallback
+    ]);
+    // Вызываем сбрасывающую функцию, после отключения блокировки
+    _react.useEffect(function() {
+        if (!isScrollLock && destructorRef.current) {
+            destructorRef.current();
+        }
+    }, [
+        isScrollLock
+    ]);
 };
-exports.useScrollLockEffect = useScrollLockEffect;
-var useScrollLock = function useScrollLock() {
-  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _useScroll2 = useScroll(),
-    enableScrollLock = _useScroll2.enableScrollLock,
-    disableScrollLock = _useScroll2.disableScrollLock;
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (enabled) {
-      enableScrollLock();
-      return disableScrollLock;
-    }
-    return _vkjs.noop;
-  }, [enableScrollLock, disableScrollLock, enabled]);
+var useScrollLock = function() {
+    var enabled = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var _useScroll = useScroll(), enableScrollLock = _useScroll.enableScrollLock, disableScrollLock = _useScroll.disableScrollLock;
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function() {
+        if (enabled) {
+            enableScrollLock();
+            return disableScrollLock;
+        }
+        return _vkjs.noop;
+    }, [
+        enableScrollLock,
+        disableScrollLock,
+        enabled
+    ]);
 };
-exports.useScrollLock = useScrollLock;
+
 //# sourceMappingURL=ScrollContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollContext.js","names":["clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","ScrollContext","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","useDOM","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled","useIsomorphicLayoutEffect"],"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return window.pageYOffset - diffOfClientHeightAndViewportHeight;\n};\n\nexport interface ScrollContextInterface {\n  getScroll(this: void): { x: number; y: number };\n  scrollTo(this: void, x?: number, y?: number): void;\n  isScrollLock: boolean;\n  enableScrollLock(this: void): void;\n  disableScrollLock(this: void): void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n  isScrollLock: false,\n  enableScrollLock: noop,\n  disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n  elRef: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: window!.pageXOffset,\n      y: getPageYOffsetWithoutKeyboardHeight(window!),\n    }),\n    [window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0,\n      );\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.body.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({ elRef, children }: ScrollControllerProps) => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0,\n      );\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (effect: React.EffectCallback, deps: React.DependencyList) => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n  const { enableScrollLock, disableScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/AppRoot/ScrollContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nconst clearDisableScrollStyle = (node: HTMLElement) => {\n  Object.assign(node.style, {\n    position: '',\n    top: '',\n    left: '',\n    right: '',\n    overflowY: '',\n    overflowX: '',\n  });\n};\n\nconst getPageYOffsetWithoutKeyboardHeight = (window: Window) => {\n  // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.\n  //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,\n  //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.\n  const diffOfClientHeightAndViewportHeight =\n    window.document.documentElement.clientHeight - window.innerHeight;\n  return window.pageYOffset - diffOfClientHeightAndViewportHeight;\n};\n\nexport interface ScrollContextInterface {\n  getScroll(this: void): { x: number; y: number };\n  scrollTo(this: void, x?: number, y?: number): void;\n  isScrollLock: boolean;\n  enableScrollLock(this: void): void;\n  disableScrollLock(this: void): void;\n  beforeScrollLockFnSetRef?: React.RefObject<Set<() => void>>;\n}\n\nexport const ScrollContext = React.createContext<ScrollContextInterface>({\n  getScroll: () => ({ x: 0, y: 0 }),\n  scrollTo: noop,\n  isScrollLock: false,\n  enableScrollLock: noop,\n  disableScrollLock: noop,\n});\n\nexport const useScroll = () => React.useContext(ScrollContext);\n\nexport interface ScrollControllerProps {\n  elRef: React.RefObject<HTMLElement>;\n  children?: React.ReactNode;\n}\n\nexport const GlobalScrollController = ({ children }: ScrollControllerProps) => {\n  const { window, document } = useDOM();\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: window!.pageXOffset,\n      y: getPageYOffsetWithoutKeyboardHeight(window!),\n    }),\n    [window],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      // Some iOS versions do not normalize scroll — do it manually.\n      window!.scrollTo(\n        x ? clamp(x, 0, document!.body.scrollWidth - window!.innerWidth) : 0,\n        y ? clamp(y, 0, document!.body.scrollHeight - window!.innerHeight) : 0,\n      );\n    },\n    [document, window],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY = window!.innerWidth > document!.documentElement.clientWidth ? 'scroll' : '';\n    const overflowX = window!.innerHeight > document!.documentElement.clientHeight ? 'scroll' : '';\n\n    Object.assign(document!.body.style, {\n      position: 'fixed',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [document, window]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const scrollY = document!.body.style.top;\n    const scrollX = document!.body.style.left;\n\n    clearDisableScrollStyle(document!.body);\n    window!.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [document, window]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n\n      beforeScrollLockFnSetRef: beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\nexport const ElementScrollController = ({ elRef, children }: ScrollControllerProps) => {\n  const [isScrollLock, setScrollLock] = React.useState(false);\n  const beforeScrollLockFnSetRef = React.useRef<Set<() => void>>(new Set());\n\n  const getScroll = React.useCallback<ScrollContextInterface['getScroll']>(\n    () => ({\n      x: elRef.current?.scrollLeft ?? 0,\n      y: elRef.current?.scrollTop ?? 0,\n    }),\n    [elRef],\n  );\n  const scrollTo = React.useCallback<ScrollContextInterface['scrollTo']>(\n    (x = 0, y = 0) => {\n      const el = elRef.current;\n      // Some iOS versions do not normalize scroll — do it manually.\n      el?.scrollTo(\n        x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0,\n        y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0,\n      );\n    },\n    [elRef],\n  );\n\n  const enableScrollLock = React.useCallback<ScrollContextInterface['enableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = el.scrollTop;\n    const scrollX = el.scrollLeft;\n    const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';\n    const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';\n\n    Object.assign(el.style, {\n      position: 'absolute',\n      top: `-${scrollY}px`,\n      left: `-${scrollX}px`,\n      right: '0',\n      overflowY,\n      overflowX,\n    });\n    setScrollLock(true);\n  }, [elRef]);\n\n  const disableScrollLock = React.useCallback<ScrollContextInterface['disableScrollLock']>(() => {\n    const el = elRef.current;\n    if (!el) {\n      return;\n    }\n\n    const scrollY = el.style.top;\n    const scrollX = el.style.left;\n\n    clearDisableScrollStyle(el);\n    el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));\n    setScrollLock(false);\n  }, [elRef]);\n\n  const scrollController = React.useMemo<ScrollContextInterface>(\n    () => ({\n      getScroll,\n      scrollTo,\n      isScrollLock,\n      disableScrollLock,\n      enableScrollLock,\n      beforeScrollLockFnSetRef,\n    }),\n    [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock],\n  );\n\n  return <ScrollContext.Provider value={scrollController}>{children}</ScrollContext.Provider>;\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (effect: React.EffectCallback, deps: React.DependencyList) => {\n  const destructorRef = React.useRef<ReturnType<React.EffectCallback>>(noop);\n  const { isScrollLock, beforeScrollLockFnSetRef } = useScroll();\n\n  // Изменяем effectCallback только при изменении deps\n  const effectCallback = React.useCallback(() => {\n    destructorRef.current = effect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  // Добавляем effectCallback в список функций, которые необходимо вызвать\n  // до блокировки\n  React.useEffect(() => {\n    const beforeSet = beforeScrollLockFnSetRef?.current;\n    if (!beforeSet) {\n      return noop;\n    }\n\n    beforeSet.add(effectCallback);\n\n    return () => {\n      beforeSet.delete(effectCallback);\n    };\n  }, [beforeScrollLockFnSetRef, effectCallback]);\n\n  // Вызываем сбрасывающую функцию, после отключения блокировки\n  React.useEffect(() => {\n    if (!isScrollLock && destructorRef.current) {\n      destructorRef.current();\n    }\n  }, [isScrollLock]);\n};\n\nexport const useScrollLock = (enabled = true) => {\n  const { enableScrollLock, disableScrollLock } = useScroll();\n  useIsomorphicLayoutEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n      return disableScrollLock;\n    }\n    return noop;\n  }, [enableScrollLock, disableScrollLock, enabled]);\n};\n"],"names":["ScrollContext","useScroll","GlobalScrollController","ElementScrollController","useScrollLockEffect","useScrollLock","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useContext","children","useDOM","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","Provider","value","elRef","scrollLeft","scrollTop","el","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","enabled","useIsomorphicLayoutEffect"],"mappings":"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"}

package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js

@@ -1,27 +1,27 @@
 "use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "AppearanceProvider", {
+    enumerable: true,
+    get: function() {
+        return AppearanceProvider;
+    }
 });
-exports.AppearanceProvider = 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 _usePlatform = require("../../hooks/usePlatform");
 var _tokensClassProvider = require("../../lib/tokensClassProvider");
-var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
-/**
- * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
- */
-var AppearanceProvider = function AppearanceProvider(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children;
-  var platform = (0, _usePlatform.usePlatform)();
-  return /*#__PURE__*/React.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
-    appearance: appearance
-  }, /*#__PURE__*/React.createElement(_tokensClassProvider.TokensClassProvider, {
-    platform: platform,
-    appearance: appearance
-  }, children));
+var _configProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
+var AppearanceProvider = function(param) {
+    var appearance = param.appearance, children = param.children;
+    var platform = (0, _usePlatform.usePlatform)();
+    return /*#__PURE__*/ _react.createElement(_configProviderOverride.ConfigProviderOverride, {
+        appearance: appearance
+    }, /*#__PURE__*/ _react.createElement(_tokensClassProvider.TokensClassProvider, {
+        platform: platform,
+        appearance: appearance
+    }, children));
 };
-exports.AppearanceProvider = AppearanceProvider;
+
 //# sourceMappingURL=AppearanceProvider.js.map