@vkontakte/vkui 5.0.0 → 5.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"AppRoot.js","names":["AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","useDOM","document","insets","useInsets","useContext","ConfigProviderContext","appearance","useAdaptivity","hasMouse","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","classList","add","body","appendChild","parentElement","removeChild","noop","parent","classes","concat","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","className","getSizeXClassName","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","appRoot","embedded","keyboardInput","classNames"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n  ElementScrollController,\n  GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport \"./AppRoot.css\";\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  /** root-элемент для порталов.\n   *\n   * При передаче своего элемента задайте этому элементу `class=\"vkui__portal-root\"` и добавьте его в DOM.\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  ...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 } = React.useContext(ConfigProviderContext);\n\n  const { hasMouse, sizeX } = 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      portal.classList.add(\"vkui__portal-root\");\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(\n      mode === \"embedded\" ? \"vkui__root--embedded\" : []\n    );\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    for (const key in insets) {\n      if (\n        insets.hasOwnProperty(key) &&\n        typeof insets[key as keyof Insets] === \"number\"\n      ) {\n        const inset = insets[key as keyof Insets];\n        parent.style.setProperty(`--safe-area-inset-${key}`, `${inset}px`);\n        portalRoot &&\n          portalRoot.style.setProperty(\n            `--safe-area-inset-${key}`,\n            `${inset}px`\n          );\n      }\n    }\n\n    return () => {\n      for (const key in insets) {\n        if (insets.hasOwnProperty(key)) {\n          parent.style.removeProperty(`--safe-area-inset-${key}`);\n          portalRoot &&\n            portalRoot.style.removeProperty(`--safe-area-inset-${key}`);\n        }\n      }\n    };\n  }, [insets, portalRoot]);\n\n  // adaptivity handler\n  useIsomorphicLayoutEffect(() => {\n    if (mode === \"partial\") {\n      return noop;\n    }\n    const className = getSizeXClassName(\"vkui\", sizeX);\n    const container =\n      mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n    container?.classList.add(className);\n    return () => container?.classList.remove(className);\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    () =>\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\">\n          {children}\n        </IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === \"partial\" ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      vkuiClass={classNames(\"AppRoot\", !hasMouse && \"AppRoot--no-mouse\")}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AppRoot.js","names":["INSET_CUSTOM_PROPERTY_PREFIX","AppRoot","children","mode","scroll","portalRoot","portalRootProp","disablePortal","className","props","isKeyboardInputActive","useKeyboardInputTracker","rootRef","React","useRef","useState","setPortalRoot","useDOM","document","insets","useInsets","appearance","useAppearance","useAdaptivity","hasPointer","sizeX","useIsomorphicLayoutEffect","portal","isRefObject","current","createElement","body","appendChild","parentElement","removeChild","noop","parent","classList","add","remove","documentElement","undefined","key","hasOwnProperty","inset","style","setProperty","removeProperty","getSizeXClassName","container","ScrollController","useMemo","ElementScrollController","GlobalScrollController","content","appRoot","embedded","keyboardInput","classNamesString"],"sources":["../../../../src/components/AppRoot/AppRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../../lib/dom\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { IconSettingsProvider } from \"@vkontakte/icons\";\nimport {\n  ElementScrollController,\n  GlobalScrollController,\n} from \"./ScrollContext\";\nimport { noop } from \"../../lib/utils\";\nimport { useKeyboardInputTracker } from \"../../hooks/useKeyboardInputTracker\";\nimport { useInsets } from \"../../hooks/useInsets\";\nimport { Insets } from \"@vkontakte/vk-bridge\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { getSizeXClassName } from \"../../helpers/getSizeXClassName\";\nimport styles from \"./AppRoot.module.css\";\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 } = 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 !== \"embedded\") {\n      return noop;\n    }\n\n    const parent = rootRef.current?.parentElement;\n    parent?.classList.add(\"vkui__root--embedded\");\n\n    return () => {\n      parent?.classList.remove(\"vkui__root--embedded\");\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(\n          INSET_CUSTOM_PROPERTY_PREFIX + key,\n          `${inset}px`\n        );\n        portalRoot &&\n          portalRoot.style.setProperty(\n            INSET_CUSTOM_PROPERTY_PREFIX + key,\n            `${inset}px`\n          );\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 &&\n            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 = getSizeXClassName(\"vkui\", sizeX);\n    const container =\n      mode === \"embedded\" ? rootRef.current?.parentElement : document!.body;\n    container?.classList.add(className);\n    return () => container?.classList.remove(className);\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    () =>\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\">\n          {children}\n        </IconSettingsProvider>\n      </ScrollController>\n    </AppRootContext.Provider>\n  );\n\n  return mode === \"partial\" ? (\n    content\n  ) : (\n    <div\n      ref={rootRef}\n      className={classNamesString(\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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"}

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppRootContext = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var AppRootContext = /*#__PURE__*/React.createContext({
   portalRoot: null
 });

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

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

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

@@ -1,59 +1,42 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppRootPortal = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _AppRootContext = require("./AppRootContext");
-
 var _AppearanceProvider = require("../AppearanceProvider/AppearanceProvider");
-
 var _useAppearance = require("../../hooks/useAppearance");
-
 var AppRootPortal = function AppRootPortal(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      forcePortalProp = _ref.forcePortal;
-
+    className = _ref.className,
+    forcePortalProp = _ref.forcePortal;
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      mounted = _React$useState2[0],
-      setMounted = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    mounted = _React$useState2[0],
+    setMounted = _React$useState2[1];
   var _React$useContext = React.useContext(_AppRootContext.AppRootContext),
-      portalRoot = _React$useContext.portalRoot,
-      mode = _React$useContext.mode,
-      disablePortal = _React$useContext.disablePortal;
-
+    portalRoot = _React$useContext.portalRoot,
+    mode = _React$useContext.mode,
+    disablePortal = _React$useContext.disablePortal;
   var appearance = (0, _useAppearance.useAppearance)();
   React.useEffect(function () {
     setMounted(true);
   }, []);
-
   if (!mounted) {
     return null;
   }
-
   var forcePortal = forcePortalProp !== null && forcePortalProp !== void 0 ? forcePortalProp : mode !== "full";
-  return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/(0, _reactDom.createPortal)((0, _jsxRuntime.createScopedElement)(_AppearanceProvider.AppearanceProvider, {
+  return !disablePortal && portalRoot && forcePortal ? /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/React.createElement(_AppearanceProvider.AppearanceProvider, {
     appearance: appearance
-  }, (0, _jsxRuntime.createScopedElement)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: className
-  }, children)), portalRoot) : (0, _jsxRuntime.createScopedElement)(React.Fragment, null, children);
+  }, children)), portalRoot) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
-
 exports.AppRootPortal = AppRootPortal;
 //# sourceMappingURL=AppRootPortal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppRootPortal.js","names":["AppRootPortal","children","className","forcePortalProp","forcePortal","React","useState","mounted","setMounted","useContext","AppRootContext","portalRoot","mode","disablePortal","appearance","useAppearance","useEffect","createPortal"],"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { AppearanceProvider } from \"../AppearanceProvider/AppearanceProvider\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\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 [mounted, setMounted] = React.useState(false);\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const forcePortal = forcePortalProp ?? mode !== \"full\";\n\n  return !disablePortal && portalRoot && forcePortal ? (\n    createPortal(\n      <AppearanceProvider appearance={appearance}>\n        <div className={className}>{children}</div>\n      </AppearanceProvider>,\n      portalRoot\n    )\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAIH;EAAA,IAHxBC,QAGwB,QAHxBA,QAGwB;EAAA,IAFxBC,SAEwB,QAFxBA,SAEwB;EAAA,IADXC,eACW,QADxBC,WACwB;;EACxB,sBAA8BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,wBAA4CH,KAAK,CAACI,UAAN,CAAiBC,8BAAjB,CAA5C;EAAA,IAAQC,UAAR,qBAAQA,UAAR;EAAA,IAAoBC,IAApB,qBAAoBA,IAApB;EAAA,IAA0BC,aAA1B,qBAA0BA,aAA1B;;EACA,IAAMC,UAAU,GAAG,IAAAC,4BAAA,GAAnB;EAEAV,KAAK,CAACW,SAAN,CAAgB,YAAM;IACpBR,UAAU,CAAC,IAAD,CAAV;EACD,CAFD,EAEG,EAFH;;EAIA,IAAI,CAACD,OAAL,EAAc;IACZ,OAAO,IAAP;EACD;;EAED,IAAMH,WAAW,GAAGD,eAAH,aAAGA,eAAH,cAAGA,eAAH,GAAsBS,IAAI,KAAK,MAAhD;EAEA,OAAO,CAACC,aAAD,IAAkBF,UAAlB,IAAgCP,WAAhC,gBACL,IAAAa,sBAAA,EACE,qCAAC,sCAAD;IAAoB,UAAU,EAAEH;EAAhC,GACE;IAAK,SAAS,EAAEZ;EAAhB,GAA4BD,QAA5B,CADF,CADF,EAIEU,UAJF,CADK,GAQL,qCAAC,KAAD,CAAO,QAAP,QAAiBV,QAAjB,CARF;AAUD,CA7BM"}
+{"version":3,"file":"AppRootPortal.js","names":["AppRootPortal","children","className","forcePortalProp","forcePortal","React","useState","mounted","setMounted","useContext","AppRootContext","portalRoot","mode","disablePortal","appearance","useAppearance","useEffect","createPortal"],"sources":["../../../../src/components/AppRoot/AppRootPortal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { AppRootContext } from \"./AppRootContext\";\nimport { AppearanceProvider } from \"../AppearanceProvider/AppearanceProvider\";\nimport { useAppearance } from \"../../hooks/useAppearance\";\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 [mounted, setMounted] = React.useState(false);\n  const { portalRoot, mode, disablePortal } = React.useContext(AppRootContext);\n  const appearance = useAppearance();\n\n  React.useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) {\n    return null;\n  }\n\n  const forcePortal = forcePortalProp ?? mode !== \"full\";\n\n  return !disablePortal && portalRoot && forcePortal ? (\n    createPortal(\n      <AppearanceProvider appearance={appearance}>\n        <div className={className}>{children}</div>\n      </AppearanceProvider>,\n      portalRoot\n    )\n  ) : (\n    <React.Fragment>{children}</React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAIA;EAAA,IAHxBC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACIC,eAAe,QAA5BC,WAAW;EAEX,sBAA8BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CC,OAAO;IAAEC,UAAU;EAC1B,wBAA4CH,KAAK,CAACI,UAAU,CAACC,8BAAc,CAAC;IAApEC,UAAU,qBAAVA,UAAU;IAAEC,IAAI,qBAAJA,IAAI;IAAEC,aAAa,qBAAbA,aAAa;EACvC,IAAMC,UAAU,GAAG,IAAAC,4BAAa,GAAE;EAElCV,KAAK,CAACW,SAAS,CAAC,YAAM;IACpBR,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,IAAMH,WAAW,GAAGD,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIS,IAAI,KAAK,MAAM;EAEtD,OAAO,CAACC,aAAa,IAAIF,UAAU,IAAIP,WAAW,gBAChD,IAAAa,sBAAY,gBACV,oBAAC,sCAAkB;IAAC,UAAU,EAAEH;EAAW,gBACzC;IAAK,SAAS,EAAEZ;EAAU,GAAED,QAAQ,CAAO,CACxB,EACrBU,UAAU,CACX,gBAED,oBAAC,KAAK,CAAC,QAAQ,QAAEV,QAAQ,CAC1B;AACH,CAAC;AAAC"}

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

@@ -1,28 +1,17 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useScrollLockEffect = exports.useScrollLock = exports.useScroll = exports.ScrollContext = exports.GlobalScrollController = exports.ElementScrollController = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../lib/utils");
-
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-
 var _math = require("../../helpers/math");
-
 var _dom = require("../../lib/dom");
-
 var clearDisableScrollStyle = function clearDisableScrollStyle(node) {
   Object.assign(node.style, {
     position: "",
@@ -33,7 +22,13 @@ var clearDisableScrollStyle = function clearDisableScrollStyle(node) {
     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 ScrollContext = /*#__PURE__*/React.createContext({
   getScroll: function getScroll() {
     return {
@@ -47,30 +42,24 @@ var ScrollContext = /*#__PURE__*/React.createContext({
   disableScrollLock: _utils.noop
 });
 exports.ScrollContext = ScrollContext;
-
 var useScroll = function useScroll() {
   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;
-
+    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];
-
+    _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: window.pageYOffset
+      y: getPageYOffsetWithoutKeyboardHeight(window)
     };
   }, [window]);
   var scrollTo = React.useCallback(function () {
@@ -114,26 +103,21 @@ var GlobalScrollController = function GlobalScrollController(_ref) {
       beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
     };
   }, [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]);
-  return (0, _jsxRuntime.createScopedElement)(ScrollContext.Provider, {
+  return /*#__PURE__*/React.createElement(ScrollContext.Provider, {
     value: scrollController
   }, children);
 };
-
 exports.GlobalScrollController = GlobalScrollController;
-
 var ElementScrollController = function ElementScrollController(_ref2) {
   var elRef = _ref2.elRef,
-      children = _ref2.children;
-
+    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];
-
+    _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
@@ -142,17 +126,15 @@ var ElementScrollController = function ElementScrollController(_ref2) {
   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.
-
+    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();
     });
@@ -172,11 +154,9 @@ var ElementScrollController = function ElementScrollController(_ref2) {
   }, [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);
@@ -193,70 +173,62 @@ var ElementScrollController = function ElementScrollController(_ref2) {
       beforeScrollLockFnSetRef: beforeScrollLockFnSetRef
     };
   }, [getScroll, scrollTo, isScrollLock, disableScrollLock, enableScrollLock]);
-  return (0, _jsxRuntime.createScopedElement)(ScrollContext.Provider, {
+  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(_utils.noop);
-
   var _useScroll = useScroll(),
-      isScrollLock = _useScroll.isScrollLock,
-      beforeScrollLockFnSetRef = _useScroll.beforeScrollLockFnSetRef; // Изменяем effectCallback только при изменении deps
-
+    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 в список функций, которые необходимо вызвать
-  // до блокировки
+    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 _utils.noop;
     }
-
     beforeSet.add(effectCallback);
     return function () {
       beforeSet.delete(effectCallback);
     };
-  }, [beforeScrollLockFnSetRef, 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;
-
+    enableScrollLock = _useScroll2.enableScrollLock,
+    disableScrollLock = _useScroll2.disableScrollLock;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (enabled) {
       enableScrollLock();
       return disableScrollLock;
     }
-
     return _utils.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","ScrollContext","React","createContext","getScroll","x","y","scrollTo","noop","isScrollLock","enableScrollLock","disableScrollLock","useScroll","useContext","GlobalScrollController","children","useDOM","window","document","useState","setScrollLock","beforeScrollLockFnSetRef","useRef","Set","useCallback","pageXOffset","pageYOffset","clamp","body","scrollWidth","innerWidth","scrollHeight","innerHeight","current","forEach","fn","scrollY","scrollX","documentElement","clientWidth","clientHeight","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 \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\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\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    () => ({ x: window!.pageXOffset, y: window!.pageYOffset }),\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<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY =\n      window!.innerWidth > document!.documentElement.clientWidth\n        ? \"scroll\"\n        : \"\";\n    const overflowX =\n      window!.innerHeight > document!.documentElement.clientHeight\n        ? \"scroll\"\n        : \"\";\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<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\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 (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: 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<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\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<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\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 (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) => {\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":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,IAAD,EAAuB;EACrDC,MAAM,CAACC,MAAP,CAAcF,IAAI,CAACG,KAAnB,EAA0B;IACxBC,QAAQ,EAAE,EADc;IAExBC,GAAG,EAAE,EAFmB;IAGxBC,IAAI,EAAE,EAHkB;IAIxBC,KAAK,EAAE,EAJiB;IAKxBC,SAAS,EAAE,EALa;IAMxBC,SAAS,EAAE;EANa,CAA1B;AAQD,CATD;;AAoBO,IAAMC,aAAa,gBAAGC,KAAK,CAACC,aAAN,CAA4C;EACvEC,SAAS,EAAE;IAAA,OAAO;MAAEC,CAAC,EAAE,CAAL;MAAQC,CAAC,EAAE;IAAX,CAAP;EAAA,CAD4D;EAEvEC,QAAQ,EAAEC,WAF6D;EAGvEC,YAAY,EAAE,KAHyD;EAIvEC,gBAAgB,EAAEF,WAJqD;EAKvEG,iBAAiB,EAAEH;AALoD,CAA5C,CAAtB;;;AAQA,IAAMI,SAAS,GAAG,SAAZA,SAAY;EAAA,OAAMV,KAAK,CAACW,UAAN,CAAiBZ,aAAjB,CAAN;AAAA,CAAlB;;;;AAOA,IAAMa,sBAAsB,GAAG,SAAzBA,sBAAyB,OAAyC;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;;EAC7E,cAA6B,IAAAC,WAAA,GAA7B;EAAA,IAAQC,MAAR,WAAQA,MAAR;EAAA,IAAgBC,QAAhB,WAAgBA,QAAhB;;EACA,sBAAsChB,KAAK,CAACiB,QAAN,CAAe,KAAf,CAAtC;EAAA;EAAA,IAAOV,YAAP;EAAA,IAAqBW,aAArB;;EACA,IAAMC,wBAAwB,GAAGnB,KAAK,CAACoB,MAAN,CAA8B,IAAIC,GAAJ,EAA9B,CAAjC;EAEA,IAAMnB,SAAS,GAAGF,KAAK,CAACsB,WAAN,CAChB;IAAA,OAAO;MAAEnB,CAAC,EAAEY,MAAM,CAAEQ,WAAb;MAA0BnB,CAAC,EAAEW,MAAM,CAAES;IAArC,CAAP;EAAA,CADgB,EAEhB,CAACT,MAAD,CAFgB,CAAlB;EAIA,IAAMV,QAAQ,GAAGL,KAAK,CAACsB,WAAN,CACf,YAAkB;IAAA,IAAjBnB,CAAiB,uEAAb,CAAa;IAAA,IAAVC,CAAU,uEAAN,CAAM;IAChB;IACAW,MAAM,CAAEV,QAAR,CACEF,CAAC,GAAG,IAAAsB,WAAA,EAAMtB,CAAN,EAAS,CAAT,EAAYa,QAAQ,CAAEU,IAAV,CAAeC,WAAf,GAA6BZ,MAAM,CAAEa,UAAjD,CAAH,GAAkE,CADrE,EAEExB,CAAC,GAAG,IAAAqB,WAAA,EAAMrB,CAAN,EAAS,CAAT,EAAYY,QAAQ,CAAEU,IAAV,CAAeG,YAAf,GAA8Bd,MAAM,CAAEe,WAAlD,CAAH,GAAoE,CAFvE;EAID,CAPc,EAQf,CAACd,QAAD,EAAWD,MAAX,CARe,CAAjB;EAWA,IAAMP,gBAAgB,GAAGR,KAAK,CAACsB,WAAN,CAEvB,YAAM;IACNH,wBAAwB,CAACY,OAAzB,CAAiCC,OAAjC,CAAyC,UAACC,EAAD,EAAQ;MAC/CA,EAAE;IACH,CAFD;IAIA,IAAMC,OAAO,GAAGnB,MAAM,CAAES,WAAxB;IACA,IAAMW,OAAO,GAAGpB,MAAM,CAAEQ,WAAxB;IACA,IAAM1B,SAAS,GACbkB,MAAM,CAAEa,UAAR,GAAqBZ,QAAQ,CAAEoB,eAAV,CAA0BC,WAA/C,GACI,QADJ,GAEI,EAHN;IAIA,IAAMvC,SAAS,GACbiB,MAAM,CAAEe,WAAR,GAAsBd,QAAQ,CAAEoB,eAAV,CAA0BE,YAAhD,GACI,QADJ,GAEI,EAHN;IAKAhD,MAAM,CAACC,MAAP,CAAcyB,QAAQ,CAAEU,IAAV,CAAelC,KAA7B,EAAoC;MAClCC,QAAQ,EAAE,OADwB;MAElCC,GAAG,aAAMwC,OAAN,OAF+B;MAGlCvC,IAAI,aAAMwC,OAAN,OAH8B;MAIlCvC,KAAK,EAAE,GAJ2B;MAKlCC,SAAS,EAATA,SALkC;MAMlCC,SAAS,EAATA;IANkC,CAApC;IAQAoB,aAAa,CAAC,IAAD,CAAb;EACD,CA3BwB,EA2BtB,CAACF,QAAD,EAAWD,MAAX,CA3BsB,CAAzB;EA6BA,IAAMN,iBAAiB,GAAGT,KAAK,CAACsB,WAAN,CAExB,YAAM;IACN,IAAMY,OAAO,GAAGlB,QAAQ,CAAEU,IAAV,CAAelC,KAAf,CAAqBE,GAArC;IACA,IAAMyC,OAAO,GAAGnB,QAAQ,CAAEU,IAAV,CAAelC,KAAf,CAAqBG,IAArC;IAEAP,uBAAuB,CAAC4B,QAAQ,CAAEU,IAAX,CAAvB;IACAX,MAAM,CAAEV,QAAR,CAAiB,CAACkC,QAAQ,CAACJ,OAAO,IAAI,GAAZ,CAA1B,EAA4C,CAACI,QAAQ,CAACL,OAAO,IAAI,GAAZ,CAArD;IACAhB,aAAa,CAAC,KAAD,CAAb;EACD,CATyB,EASvB,CAACF,QAAD,EAAWD,MAAX,CATuB,CAA1B;EAWA,IAAMyB,gBAAgB,GAAGxC,KAAK,CAACyC,OAAN,CACvB;IAAA,OAAO;MACLvC,SAAS,EAATA,SADK;MAELG,QAAQ,EAARA,QAFK;MAGLE,YAAY,EAAZA,YAHK;MAILE,iBAAiB,EAAjBA,iBAJK;MAKLD,gBAAgB,EAAhBA,gBALK;MAOLW,wBAAwB,EAAEA;IAPrB,CAAP;EAAA,CADuB,EAUvB,CAACjB,SAAD,EAAYG,QAAZ,EAAsBE,YAAtB,EAAoCE,iBAApC,EAAuDD,gBAAvD,CAVuB,CAAzB;EAaA,OACE,qCAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEgC;EAA/B,GACG3B,QADH,CADF;AAKD,CA9EM;;;;AAgFA,IAAM6B,uBAAuB,GAAG,SAA1BA,uBAA0B,QAGV;EAAA,IAF3BC,KAE2B,SAF3BA,KAE2B;EAAA,IAD3B9B,QAC2B,SAD3BA,QAC2B;;EAC3B,uBAAsCb,KAAK,CAACiB,QAAN,CAAe,KAAf,CAAtC;EAAA;EAAA,IAAOV,YAAP;EAAA,IAAqBW,aAArB;;EACA,IAAMC,wBAAwB,GAAGnB,KAAK,CAACoB,MAAN,CAA8B,IAAIC,GAAJ,EAA9B,CAAjC;EAEA,IAAMnB,SAAS,GAAGF,KAAK,CAACsB,WAAN,CAChB;IAAA;;IAAA,OAAO;MACLnB,CAAC,6CAAEwC,KAAK,CAACZ,OAAR,mDAAE,eAAea,UAAjB,yEAA+B,CAD3B;MAELxC,CAAC,+CAAEuC,KAAK,CAACZ,OAAR,oDAAE,gBAAec,SAAjB,2EAA8B;IAF1B,CAAP;EAAA,CADgB,EAKhB,CAACF,KAAD,CALgB,CAAlB;EAOA,IAAMtC,QAAQ,GAAGL,KAAK,CAACsB,WAAN,CACf,YAAkB;IAAA,IAAjBnB,CAAiB,uEAAb,CAAa;IAAA,IAAVC,CAAU,uEAAN,CAAM;IAChB,IAAM0C,EAAE,GAAGH,KAAK,CAACZ,OAAjB,CADgB,CAEhB;;IACAe,EAAE,SAAF,IAAAA,EAAE,WAAF,YAAAA,EAAE,CAAEzC,QAAJ,CACEF,CAAC,GAAG,IAAAsB,WAAA,EAAMtB,CAAN,EAAS,CAAT,EAAY2C,EAAE,CAACnB,WAAH,GAAiBmB,EAAE,CAACT,WAAhC,CAAH,GAAkD,CADrD,EAEEjC,CAAC,GAAG,IAAAqB,WAAA,EAAMrB,CAAN,EAAS,CAAT,EAAY0C,EAAE,CAACjB,YAAH,GAAkBiB,EAAE,CAACR,YAAjC,CAAH,GAAoD,CAFvD;EAID,CARc,EASf,CAACK,KAAD,CATe,CAAjB;EAYA,IAAMnC,gBAAgB,GAAGR,KAAK,CAACsB,WAAN,CAEvB,YAAM;IACN,IAAMwB,EAAE,GAAGH,KAAK,CAACZ,OAAjB;;IACA,IAAI,CAACe,EAAL,EAAS;MACP;IACD;;IACD3B,wBAAwB,CAACY,OAAzB,CAAiCC,OAAjC,CAAyC,UAACC,EAAD,EAAQ;MAC/CA,EAAE;IACH,CAFD;IAIA,IAAMC,OAAO,GAAGY,EAAE,CAACD,SAAnB;IACA,IAAMV,OAAO,GAAGW,EAAE,CAACF,UAAnB;IACA,IAAM/C,SAAS,GAAGiD,EAAE,CAACnB,WAAH,GAAiBmB,EAAE,CAACT,WAApB,GAAkC,QAAlC,GAA6C,EAA/D;IACA,IAAMvC,SAAS,GAAGgD,EAAE,CAACjB,YAAH,GAAkBiB,EAAE,CAACR,YAArB,GAAoC,QAApC,GAA+C,EAAjE;IAEAhD,MAAM,CAACC,MAAP,CAAcuD,EAAE,CAACtD,KAAjB,EAAwB;MACtBC,QAAQ,EAAE,UADY;MAEtBC,GAAG,aAAMwC,OAAN,OAFmB;MAGtBvC,IAAI,aAAMwC,OAAN,OAHkB;MAItBvC,KAAK,EAAE,GAJe;MAKtBC,SAAS,EAATA,SALsB;MAMtBC,SAAS,EAATA;IANsB,CAAxB;IAQAoB,aAAa,CAAC,IAAD,CAAb;EACD,CAzBwB,EAyBtB,CAACyB,KAAD,CAzBsB,CAAzB;EA2BA,IAAMlC,iBAAiB,GAAGT,KAAK,CAACsB,WAAN,CAExB,YAAM;IACN,IAAMwB,EAAE,GAAGH,KAAK,CAACZ,OAAjB;;IACA,IAAI,CAACe,EAAL,EAAS;MACP;IACD;;IAED,IAAMZ,OAAO,GAAGY,EAAE,CAACtD,KAAH,CAASE,GAAzB;IACA,IAAMyC,OAAO,GAAGW,EAAE,CAACtD,KAAH,CAASG,IAAzB;IAEAP,uBAAuB,CAAC0D,EAAD,CAAvB;IACAA,EAAE,CAACzC,QAAH,CAAY,CAACkC,QAAQ,CAACJ,OAAO,IAAI,GAAZ,CAArB,EAAuC,CAACI,QAAQ,CAACL,OAAO,IAAI,GAAZ,CAAhD;IACAhB,aAAa,CAAC,KAAD,CAAb;EACD,CAdyB,EAcvB,CAACyB,KAAD,CAduB,CAA1B;EAgBA,IAAMH,gBAAgB,GAAGxC,KAAK,CAACyC,OAAN,CACvB;IAAA,OAAO;MACLvC,SAAS,EAATA,SADK;MAELG,QAAQ,EAARA,QAFK;MAGLE,YAAY,EAAZA,YAHK;MAILE,iBAAiB,EAAjBA,iBAJK;MAKLD,gBAAgB,EAAhBA,gBALK;MAMLW,wBAAwB,EAAxBA;IANK,CAAP;EAAA,CADuB,EASvB,CAACjB,SAAD,EAAYG,QAAZ,EAAsBE,YAAtB,EAAoCE,iBAApC,EAAuDD,gBAAvD,CATuB,CAAzB;EAYA,OACE,qCAAC,aAAD,CAAe,QAAf;IAAwB,KAAK,EAAEgC;EAA/B,GACG3B,QADH,CADF;AAKD,CAtFM;AAwFP;AACA;AACA;AACA;AACA;;;;;AACO,IAAMkC,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,MADiC,EAEjCC,IAFiC,EAG9B;EACH,IAAMC,aAAa,GAAGlD,KAAK,CAACoB,MAAN,CAA+Cd,WAA/C,CAAtB;;EACA,iBAAmDI,SAAS,EAA5D;EAAA,IAAQH,YAAR,cAAQA,YAAR;EAAA,IAAsBY,wBAAtB,cAAsBA,wBAAtB,CAFG,CAIH;;;EACA,IAAMgC,cAAc,GAAGnD,KAAK,CAACsB,WAAN,CAAkB,YAAM;IAC7C4B,aAAa,CAACnB,OAAd,GAAwBiB,MAAM,EAA9B,CAD6C,CAE7C;EACD,CAHsB,EAGpBC,IAHoB,CAAvB,CALG,CAUH;EACA;;EACAjD,KAAK,CAACoD,SAAN,CAAgB,YAAM;IACpB,IAAMC,SAAS,GAAGlC,wBAAH,aAAGA,wBAAH,uBAAGA,wBAAwB,CAAEY,OAA5C;;IACA,IAAI,CAACsB,SAAL,EAAgB;MACd,OAAO/C,WAAP;IACD;;IAED+C,SAAS,CAACC,GAAV,CAAcH,cAAd;IAEA,OAAO,YAAM;MACXE,SAAS,CAACE,MAAV,CAAiBJ,cAAjB;IACD,CAFD;EAGD,CAXD,EAWG,CAAChC,wBAAD,EAA2BgC,cAA3B,CAXH,EAZG,CAyBH;;EACAnD,KAAK,CAACoD,SAAN,CAAgB,YAAM;IACpB,IAAI,CAAC7C,YAAD,IAAiB2C,aAAa,CAACnB,OAAnC,EAA4C;MAC1CmB,aAAa,CAACnB,OAAd;IACD;EACF,CAJD,EAIG,CAACxB,YAAD,CAJH;AAKD,CAlCM;;;;AAoCA,IAAMiD,aAAa,GAAG,SAAhBA,aAAgB,GAAoB;EAAA,IAAnBC,OAAmB,uEAAT,IAAS;;EAC/C,kBAAgD/C,SAAS,EAAzD;EAAA,IAAQF,gBAAR,eAAQA,gBAAR;EAAA,IAA0BC,iBAA1B,eAA0BA,iBAA1B;;EACA,IAAAiD,oDAAA,EAA0B,YAAM;IAC9B,IAAID,OAAJ,EAAa;MACXjD,gBAAgB;MAChB,OAAOC,iBAAP;IACD;;IACD,OAAOH,WAAP;EACD,CAND,EAMG,CAACE,gBAAD,EAAmBC,iBAAnB,EAAsCgD,OAAtC,CANH;AAOD,CATM"}
+{"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 \"../../lib/utils\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { clamp } from \"../../helpers/math\";\nimport { useDOM } from \"../../lib/dom\";\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<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\n    beforeScrollLockFnSetRef.current.forEach((fn) => {\n      fn();\n    });\n\n    const scrollY = window!.pageYOffset;\n    const scrollX = window!.pageXOffset;\n    const overflowY =\n      window!.innerWidth > document!.documentElement.clientWidth\n        ? \"scroll\"\n        : \"\";\n    const overflowX =\n      window!.innerHeight > document!.documentElement.clientHeight\n        ? \"scroll\"\n        : \"\";\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<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\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 (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\nexport const ElementScrollController = ({\n  elRef,\n  children,\n}: 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<\n    ScrollContextInterface[\"enableScrollLock\"]\n  >(() => {\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<\n    ScrollContextInterface[\"disableScrollLock\"]\n  >(() => {\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 (\n    <ScrollContext.Provider value={scrollController}>\n      {children}\n    </ScrollContext.Provider>\n  );\n};\n\n/**\n * Вызывает функцию effect, до блокировки прокрутки\n * @param effect функция, которая может возвращать функцию очистки\n * @param deps effect обновится только при изменении значений в списке.\n */\nexport const useScrollLockEffect = (\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) => {\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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"}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { AppearanceType } from "@vkontakte/vk-bridge";
+export interface AppearanceProviderProps {
+    appearance: AppearanceType;
+    children: React.ReactNode;
+}
+export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
+/**
+ * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
+ */
+export declare const AppearanceProvider: ({ appearance, children, }: AppearanceProviderProps) => JSX.Element;

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

@@ -1,70 +1,51 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.generateVKUITokensClassName = exports.AppearanceProvider = void 0;
-
-var _jsxRuntime = require("../../lib/jsxRuntime");
-
 var React = _interopRequireWildcard(require("react"));
-
-var _AppearanceProviderContext = require("./AppearanceProviderContext");
-
 var _classNames = require("../../lib/classNames");
-
 var _usePlatform = require("../../hooks/usePlatform");
-
 var _platform = require("../../lib/platform");
-
+var _ConfigProviderOverride = require("../ConfigProvider/ConfigProviderOverride");
 var generateVKUITokensClassName = function generateVKUITokensClassName(platform, appearance) {
   var tokensPlatform;
-
   switch (platform) {
     case _platform.Platform.ANDROID:
       tokensPlatform = "vkBase";
       break;
-
     case _platform.Platform.IOS:
       tokensPlatform = "vkIOS";
       break;
-
     case _platform.Platform.VKCOM:
       tokensPlatform = "vkCom";
       break;
-
     default:
       tokensPlatform = platform;
   }
-
   return "vkui--".concat(tokensPlatform, "--").concat(appearance);
 };
+
 /**
  * @see https://vkcom.github.io/VKUI/#/AppearanceProvider
  */
-
-
 exports.generateVKUITokensClassName = generateVKUITokensClassName;
-
 var AppearanceProvider = function AppearanceProvider(_ref) {
-  var children = _ref.children,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "light" : _ref$appearance;
+  var appearance = _ref.appearance,
+    children = _ref.children;
   var platform = (0, _usePlatform.usePlatform)();
-  return (0, _jsxRuntime.createScopedElement)(_AppearanceProviderContext.AppearanceProviderContext.Provider, {
-    value: appearance
+  return /*#__PURE__*/React.createElement(_ConfigProviderOverride.ConfigProviderOverride, {
+    appearance: appearance
   }, React.Children.map(children, function (child) {
     if ( /*#__PURE__*/React.isValidElement(child)) {
       return /*#__PURE__*/React.cloneElement(child, {
         className: (0, _classNames.classNamesString)(child.props.className, generateVKUITokensClassName(platform, appearance))
       });
     }
-
     return child;
   }));
 };
-
 exports.AppearanceProvider = AppearanceProvider;
 //# sourceMappingURL=AppearanceProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppearanceProvider.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","usePlatform","React","Children","map","child","isValidElement","cloneElement","className","classNamesString","props"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { AppearanceProviderContext } from \"./AppearanceProviderContext\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\n\nexport interface AppearanceProviderProps {\n  appearance?: AppearanceType;\n  children?: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n  platform: string,\n  appearance: string\n): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = \"vkBase\";\n      break;\n    case Platform.IOS:\n      tokensPlatform = \"vkIOS\";\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = \"vkCom\";\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n  children,\n  appearance = \"light\",\n}: AppearanceProviderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <AppearanceProviderContext.Provider value={appearance}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          return React.cloneElement(child, {\n            className: classNamesString(\n              child.props.className,\n              generateVKUITokensClassName(platform, appearance)\n            ),\n          });\n        }\n        return child;\n      })}\n    </AppearanceProviderContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CACzCC,QADyC,EAEzCC,UAFyC,EAG9B;EACX,IAAIC,cAAJ;;EACA,QAAQF,QAAR;IACE,KAAKG,kBAAA,CAASC,OAAd;MACEF,cAAc,GAAG,QAAjB;MACA;;IACF,KAAKC,kBAAA,CAASE,GAAd;MACEH,cAAc,GAAG,OAAjB;MACA;;IACF,KAAKC,kBAAA,CAASG,KAAd;MACEJ,cAAc,GAAG,OAAjB;MACA;;IACF;MACEA,cAAc,GAAGF,QAAjB;EAXJ;;EAcA,uBAAgBE,cAAhB,eAAmCD,UAAnC;AACD,CApBM;AAsBP;AACA;AACA;;;;;AACO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAqB,OAGH;EAAA,IAF7BC,QAE6B,QAF7BA,QAE6B;EAAA,2BAD7BP,UAC6B;EAAA,IAD7BA,UAC6B,gCADhB,OACgB;EAC7B,IAAMD,QAAQ,GAAG,IAAAS,wBAAA,GAAjB;EAEA,OACE,qCAAC,oDAAD,CAA2B,QAA3B;IAAoC,KAAK,EAAER;EAA3C,GACGS,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6B,UAACK,KAAD,EAAW;IACvC,kBAAIH,KAAK,CAACI,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;MAC/B,oBAAOH,KAAK,CAACK,YAAN,CAAmBF,KAAnB,EAA0B;QAC/BG,SAAS,EAAE,IAAAC,4BAAA,EACTJ,KAAK,CAACK,KAAN,CAAYF,SADH,EAETjB,2BAA2B,CAACC,QAAD,EAAWC,UAAX,CAFlB;MADoB,CAA1B,CAAP;IAMD;;IACD,OAAOY,KAAP;EACD,CAVA,CADH,CADF;AAeD,CArBM"}
+{"version":3,"file":"AppearanceProvider.js","names":["generateVKUITokensClassName","platform","appearance","tokensPlatform","Platform","ANDROID","IOS","VKCOM","AppearanceProvider","children","usePlatform","React","Children","map","child","isValidElement","cloneElement","className","classNamesString","props"],"sources":["../../../../src/components/AppearanceProvider/AppearanceProvider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AppearanceType } from \"@vkontakte/vk-bridge\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { ConfigProviderOverride } from \"../ConfigProvider/ConfigProviderOverride\";\n\nexport interface AppearanceProviderProps {\n  appearance: AppearanceType;\n  children: React.ReactNode;\n}\n\nexport const generateVKUITokensClassName = (\n  platform: string,\n  appearance: string\n): string => {\n  let tokensPlatform;\n  switch (platform) {\n    case Platform.ANDROID:\n      tokensPlatform = \"vkBase\";\n      break;\n    case Platform.IOS:\n      tokensPlatform = \"vkIOS\";\n      break;\n    case Platform.VKCOM:\n      tokensPlatform = \"vkCom\";\n      break;\n    default:\n      tokensPlatform = platform;\n  }\n\n  return `vkui--${tokensPlatform}--${appearance}`;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/AppearanceProvider\n */\nexport const AppearanceProvider = ({\n  appearance,\n  children,\n}: AppearanceProviderProps) => {\n  const platform = usePlatform();\n\n  return (\n    <ConfigProviderOverride appearance={appearance}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement<{ className?: string }>(child)) {\n          return React.cloneElement(child, {\n            className: classNamesString(\n              child.props.className,\n              generateVKUITokensClassName(platform, appearance)\n            ),\n          });\n        }\n        return child;\n      })}\n    </ConfigProviderOverride>\n  );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAOO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA2B,CACtCC,QAAgB,EAChBC,UAAkB,EACP;EACX,IAAIC,cAAc;EAClB,QAAQF,QAAQ;IACd,KAAKG,kBAAQ,CAACC,OAAO;MACnBF,cAAc,GAAG,QAAQ;MACzB;IACF,KAAKC,kBAAQ,CAACE,GAAG;MACfH,cAAc,GAAG,OAAO;MACxB;IACF,KAAKC,kBAAQ,CAACG,KAAK;MACjBJ,cAAc,GAAG,OAAO;MACxB;IACF;MACEA,cAAc,GAAGF,QAAQ;EAAC;EAG9B,uBAAgBE,cAAc,eAAKD,UAAU;AAC/C,CAAC;;AAED;AACA;AACA;AAFA;AAGO,IAAMM,kBAAkB,GAAG,SAArBA,kBAAkB,OAGA;EAAA,IAF7BN,UAAU,QAAVA,UAAU;IACVO,QAAQ,QAARA,QAAQ;EAER,IAAMR,QAAQ,GAAG,IAAAS,wBAAW,GAAE;EAE9B,oBACE,oBAAC,8CAAsB;IAAC,UAAU,EAAER;EAAW,GAC5CS,KAAK,CAACC,QAAQ,CAACC,GAAG,CAACJ,QAAQ,EAAE,UAACK,KAAK,EAAK;IACvC,kBAAIH,KAAK,CAACI,cAAc,CAAyBD,KAAK,CAAC,EAAE;MACvD,oBAAOH,KAAK,CAACK,YAAY,CAACF,KAAK,EAAE;QAC/BG,SAAS,EAAE,IAAAC,4BAAgB,EACzBJ,KAAK,CAACK,KAAK,CAACF,SAAS,EACrBjB,2BAA2B,CAACC,QAAQ,EAAEC,UAAU,CAAC;MAErD,CAAC,CAAC;IACJ;IACA,OAAOY,KAAK;EACd,CAAC,CAAC,CACqB;AAE7B,CAAC;AAAC"}