@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,220 +1,222 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { noop } from '@vkontakte/vkjs';
 import { clamp } from '../../helpers/math';
 import { useDOM } from '../../lib/dom';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-var clearDisableScrollStyle = function clearDisableScrollStyle(node) {
-  Object.assign(node.style, {
-    position: '',
-    top: '',
-    left: '',
-    right: '',
-    overflowY: '',
-    overflowX: ''
-  });
+const clearDisableScrollStyle = (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;
+const getPageYOffsetWithoutKeyboardHeight = (window)=>{
+    // Note: здесь расчёт на то, что `clientHeight` равен `window.innerHeight`.
+    //  Это достигается тем, что тегу `html` задали`height: 100%` и у него нет отступов сверху и снизу. Если есть отступы,
+    //  то надо задать `box-sizing: border-box`, чтобы они не учитывались.
+    const diffOfClientHeightAndViewportHeight = window.document.documentElement.clientHeight - window.innerHeight;
+    return window.pageYOffset - diffOfClientHeightAndViewportHeight;
 };
-export var ScrollContext = /*#__PURE__*/React.createContext({
-  getScroll: function getScroll() {
-    return {
-      x: 0,
-      y: 0
-    };
-  },
-  scrollTo: noop,
-  isScrollLock: false,
-  enableScrollLock: noop,
-  disableScrollLock: noop
+export const ScrollContext = /*#__PURE__*/ React.createContext({
+    getScroll: ()=>({
+            x: 0,
+            y: 0
+        }),
+    scrollTo: noop,
+    isScrollLock: false,
+    enableScrollLock: noop,
+    disableScrollLock: noop
 });
-export var useScroll = function useScroll() {
-  return React.useContext(ScrollContext);
-};
-export var GlobalScrollController = function GlobalScrollController(_ref) {
-  var children = _ref.children;
-  var _useDOM = useDOM(),
-    window = _useDOM.window,
-    document = _useDOM.document;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_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 ? clamp(x, 0, document.body.scrollWidth - window.innerWidth) : 0, y ? 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);
+export const useScroll = ()=>React.useContext(ScrollContext);
+export const GlobalScrollController = ({ children  })=>{
+    const { window , document  } = useDOM();
+    const [isScrollLock, setScrollLock] = React.useState(false);
+    const beforeScrollLockFnSetRef = React.useRef(new Set());
+    const getScroll = React.useCallback(()=>({
+            x: window.pageXOffset,
+            y: getPageYOffsetWithoutKeyboardHeight(window)
+        }), [
+        window
+    ]);
+    const scrollTo = React.useCallback((x = 0, y = 0)=>{
+        // Some iOS versions do not normalize scroll — do it manually.
+        window.scrollTo(x ? clamp(x, 0, document.body.scrollWidth - window.innerWidth) : 0, y ? clamp(y, 0, document.body.scrollHeight - window.innerHeight) : 0);
+    }, [
+        document,
+        window
+    ]);
+    const enableScrollLock = React.useCallback(()=>{
+        beforeScrollLockFnSetRef.current.forEach((fn)=>{
+            fn();
+        });
+        const scrollY = window.pageYOffset;
+        const scrollX = window.pageXOffset;
+        const overflowY = window.innerWidth > document.documentElement.clientWidth ? 'scroll' : '';
+        const overflowX = window.innerHeight > document.documentElement.clientHeight ? 'scroll' : '';
+        Object.assign(document.body.style, {
+            position: 'fixed',
+            top: `-${scrollY}px`,
+            left: `-${scrollX}px`,
+            right: '0',
+            overflowY,
+            overflowX
+        });
+        setScrollLock(true);
+    }, [
+        document,
+        window
+    ]);
+    const disableScrollLock = React.useCallback(()=>{
+        const scrollY = document.body.style.top;
+        const scrollX = document.body.style.left;
+        clearDisableScrollStyle(document.body);
+        window.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));
+        setScrollLock(false);
+    }, [
+        document,
+        window
+    ]);
+    const scrollController = React.useMemo(()=>({
+            getScroll,
+            scrollTo,
+            isScrollLock,
+            disableScrollLock,
+            enableScrollLock,
+            beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
+        }), [
+        getScroll,
+        scrollTo,
+        isScrollLock,
+        disableScrollLock,
+        enableScrollLock
+    ]);
+    return /*#__PURE__*/ React.createElement(ScrollContext.Provider, {
+        value: scrollController
+    }, children);
 };
-export var ElementScrollController = function ElementScrollController(_ref2) {
-  var elRef = _ref2.elRef,
-    children = _ref2.children;
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_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 ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? 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);
+export const ElementScrollController = ({ elRef , children  })=>{
+    const [isScrollLock, setScrollLock] = React.useState(false);
+    const beforeScrollLockFnSetRef = React.useRef(new Set());
+    const getScroll = React.useCallback(()=>({
+            x: elRef.current?.scrollLeft ?? 0,
+            y: elRef.current?.scrollTop ?? 0
+        }), [
+        elRef
+    ]);
+    const scrollTo = React.useCallback((x = 0, y = 0)=>{
+        const el = elRef.current;
+        // Some iOS versions do not normalize scroll — do it manually.
+        el?.scrollTo(x ? clamp(x, 0, el.scrollWidth - el.clientWidth) : 0, y ? clamp(y, 0, el.scrollHeight - el.clientHeight) : 0);
+    }, [
+        elRef
+    ]);
+    const enableScrollLock = React.useCallback(()=>{
+        const el = elRef.current;
+        if (!el) {
+            return;
+        }
+        beforeScrollLockFnSetRef.current.forEach((fn)=>{
+            fn();
+        });
+        const scrollY = el.scrollTop;
+        const scrollX = el.scrollLeft;
+        const overflowY = el.scrollWidth > el.clientWidth ? 'scroll' : '';
+        const overflowX = el.scrollHeight > el.clientHeight ? 'scroll' : '';
+        Object.assign(el.style, {
+            position: 'absolute',
+            top: `-${scrollY}px`,
+            left: `-${scrollX}px`,
+            right: '0',
+            overflowY,
+            overflowX
+        });
+        setScrollLock(true);
+    }, [
+        elRef
+    ]);
+    const disableScrollLock = React.useCallback(()=>{
+        const el = elRef.current;
+        if (!el) {
+            return;
+        }
+        const scrollY = el.style.top;
+        const scrollX = el.style.left;
+        clearDisableScrollStyle(el);
+        el.scrollTo(-parseInt(scrollX || '0'), -parseInt(scrollY || '0'));
+        setScrollLock(false);
+    }, [
+        elRef
+    ]);
+    const scrollController = React.useMemo(()=>({
+            getScroll,
+            scrollTo,
+            isScrollLock,
+            disableScrollLock,
+            enableScrollLock,
+            beforeScrollLockFnSetRef
+        }), [
+        getScroll,
+        scrollTo,
+        isScrollLock,
+        disableScrollLock,
+        enableScrollLock
+    ]);
+    return /*#__PURE__*/ React.createElement(ScrollContext.Provider, {
+        value: scrollController
+    }, children);
 };
-
 /**
  * Вызывает функцию effect, до блокировки прокрутки
  * @param effect функция, которая может возвращать функцию очистки
  * @param deps effect обновится только при изменении значений в списке.
- */
-export var useScrollLockEffect = function useScrollLockEffect(effect, deps) {
-  var destructorRef = React.useRef(noop);
-  var _useScroll = useScroll(),
-    isScrollLock = _useScroll.isScrollLock,
-    beforeScrollLockFnSetRef = _useScroll.beforeScrollLockFnSetRef;
-
-  // Изменяем effectCallback только при изменении deps
-  var effectCallback = React.useCallback(function () {
-    destructorRef.current = effect();
+ */ export const useScrollLockEffect = (effect, deps)=>{
+    const destructorRef = React.useRef(noop);
+    const { isScrollLock , beforeScrollLockFnSetRef  } = useScroll();
+    // Изменяем effectCallback только при изменении deps
+    const effectCallback = React.useCallback(()=>{
+        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 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(()=>{
+        const beforeSet = beforeScrollLockFnSetRef?.current;
+        if (!beforeSet) {
+            return noop;
+        }
+        beforeSet.add(effectCallback);
+        return ()=>{
+            beforeSet.delete(effectCallback);
+        };
+    }, [
+        beforeScrollLockFnSetRef,
+        effectCallback
+    ]);
+    // Вызываем сбрасывающую функцию, после отключения блокировки
+    React.useEffect(()=>{
+        if (!isScrollLock && destructorRef.current) {
+            destructorRef.current();
+        }
+    }, [
+        isScrollLock
+    ]);
 };
-export var useScrollLock = function useScrollLock() {
-  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _useScroll2 = useScroll(),
-    enableScrollLock = _useScroll2.enableScrollLock,
-    disableScrollLock = _useScroll2.disableScrollLock;
-  useIsomorphicLayoutEffect(function () {
-    if (enabled) {
-      enableScrollLock();
-      return disableScrollLock;
-    }
-    return noop;
-  }, [enableScrollLock, disableScrollLock, enabled]);
+export const useScrollLock = (enabled = true)=>{
+    const { enableScrollLock , disableScrollLock  } = useScroll();
+    useIsomorphicLayoutEffect(()=>{
+        if (enabled) {
+            enableScrollLock();
+            return disableScrollLock;
+        }
+        return noop;
+    }, [
+        enableScrollLock,
+        disableScrollLock,
+        enabled
+    ]);
 };
+
 //# sourceMappingURL=ScrollContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollContext.js","names":["React","noop","clamp","useDOM","useIsomorphicLayoutEffect","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","ScrollContext","createContext","getScroll","x","y","scrollTo","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","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"],"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":["React","noop","clamp","useDOM","useIsomorphicLayoutEffect","clearDisableScrollStyle","node","Object","assign","style","position","top","left","right","overflowY","overflowX","getPageYOffsetWithoutKeyboardHeight","window","diffOfClientHeightAndViewportHeight","document","documentElement","clientHeight","innerHeight","pageYOffset","ScrollContext","createContext","getScroll","x","y","scrollTo","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","setScrollLock","useState","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","body","scrollWidth","innerWidth","scrollHeight","current","forEach","fn","scrollY","scrollX","clientWidth","parseInt","scrollController","useMemo","Provider","value","ElementScrollController","elRef","scrollLeft","scrollTop","el","useScrollLockEffect","effect","deps","destructorRef","effectCallback","useEffect","beforeSet","add","delete","useScrollLock","enabled"],"mappings":"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"}

package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js

@@ -4,16 +4,14 @@ import { TokensClassProvider } from '../../lib/tokensClassProvider';
 import { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';
 /**
  * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
- */
-export var AppearanceProvider = function AppearanceProvider(_ref) {
-  var appearance = _ref.appearance,
-    children = _ref.children;
-  var platform = usePlatform();
-  return /*#__PURE__*/React.createElement(ConfigProviderOverride, {
-    appearance: appearance
-  }, /*#__PURE__*/React.createElement(TokensClassProvider, {
-    platform: platform,
-    appearance: appearance
-  }, children));
+ */ export const AppearanceProvider = ({ appearance , children  })=>{
+    const platform = usePlatform();
+    return /*#__PURE__*/ React.createElement(ConfigProviderOverride, {
+        appearance: appearance
+    }, /*#__PURE__*/ React.createElement(TokensClassProvider, {
+        platform: platform,
+        appearance: appearance
+    }, children));
 };
+
 //# sourceMappingURL=AppearanceProvider.js.map

package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppearanceProvider.js","names":["React","usePlatform","TokensClassProvider","ConfigProviderOverride","AppearanceProvider","appearance","children","platform"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AppearanceType } from '@vkontakte/vk-bridge';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface AppearanceProviderProps {\n  appearance: AppearanceType;\n  children: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({ appearance, children }: AppearanceProviderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <ConfigProviderOverride appearance={appearance}>\n      <TokensClassProvider platform={platform} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,SAASC,sBAAsB,QAAQ,0CAA0C;AAOjF;AACA;AACA;AACA,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAA0D;EAAA,IAApDC,UAAU,QAAVA,UAAU;IAAEC,QAAQ,QAARA,QAAQ;EACvD,IAAMC,QAAQ,GAAGN,WAAW,EAAE;EAE9B,oBACE,oBAAC,sBAAsB;IAAC,UAAU,EAAEI;EAAW,gBAC7C,oBAAC,mBAAmB;IAAC,QAAQ,EAAEE,QAAS;IAAC,UAAU,EAAEF;EAAW,GAC7DC,QAAQ,CACW,CACC;AAE7B,CAAC"}
+{"version":3,"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AppearanceType } from '@vkontakte/vk-bridge';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { TokensClassProvider } from '../../lib/tokensClassProvider';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface AppearanceProviderProps {\n  appearance: AppearanceType;\n  children: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({ appearance, children }: AppearanceProviderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <ConfigProviderOverride appearance={appearance}>\n      <TokensClassProvider platform={platform} appearance={appearance}>\n        {children}\n      </TokensClassProvider>\n    </ConfigProviderOverride>\n  );\n};\n"],"names":["React","usePlatform","TokensClassProvider","ConfigProviderOverride","AppearanceProvider","appearance","children","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,sBAAsB,QAAQ,2CAA2C;AAOlF;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EAAEC,WAAU,EAAEC,SAAQ,EAA2B,GAAK;IACvF,MAAMC,WAAWN;IAEjB,qBACE,oBAACE;QAAuBE,YAAYA;qBAClC,oBAACH;QAAoBK,UAAUA;QAAUF,YAAYA;OAClDC;AAIT,EAAE"}

package/dist/cssm/components/Avatar/Avatar.d.ts

@@ -16,8 +16,8 @@ declare const COLORS_NUMBER_TO_TEXT_MAP: {
  * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
  * @example user.id % 6 + 1
  */
-export declare type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;
-export declare type InitialsAvatarTextGradients = (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients] | 'blue';
+export type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;
+export type InitialsAvatarTextGradients = (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients] | 'blue';
 export interface AvatarProps extends ImageBaseProps {
     /**
      * Инициалы пользователя.