@alfalab/core-components 48.22.1-beta.0 → 48.22.1-beta.2

package/plate/esm/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-5cc6af8a.js';
+import '../warning-f767f1d8.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/esm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-5cc6af8a.js';
+import { g as getDataTestId } from './warning-f767f1d8.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/{modern/warning-ddcfdd3c.d.ts → esm/warning-f767f1d8.d.ts}

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
 declare function isMacOS(): boolean;
@@ -19,4 +16,4 @@ declare const browser: {
 declare function getDataTestId(dataTestId: string, element: string): string;
 declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
 declare function devWarning(message: string): void;
-export { PortalContext, os, browser, getDataTestId, devWarning };
+export { os, browser, getDataTestId, devWarning };

package/plate/esm/{warning-5cc6af8a.js → warning-f767f1d8.js}

@@ -1,5 +1,4 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';
@@ -10,8 +9,6 @@ detect();
 
 detect();
 
-createContext(function () { return null; });
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/plate/{index-7f6b04c5.d.ts → index-7a60c8a5.d.ts}

@@ -82,7 +82,6 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-030b2408";
-export { PortalContext } from "./warning-030b2408";
 export * from "./isClient-22e50762";
+export * from "./warning-bde58dcf";
 export * from "./fnUtils-edf8408d";

package/plate/modern/Component.responsive.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-ddcfdd3c.js';
+import './warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/components/base-plate/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../warning-ddcfdd3c.js';
+import { g as getDataTestId } from '../../warning-8ef1cad9.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/components/base-plate/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../warning-ddcfdd3c.js';
+import '../../warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-ddcfdd3c.js';
+import '../warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-ddcfdd3c.js';
+import '../warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/{index-7f6b04c5.d.ts → index-7a60c8a5.d.ts}

@@ -82,7 +82,6 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-ddcfdd3c";
-export { PortalContext } from "./warning-ddcfdd3c";
 export * from "./isClient-22e50762";
+export * from "./warning-8ef1cad9";
 export * from "./fnUtils-edf8408d";

package/plate/modern/index.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-ddcfdd3c.js';
+import './warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-ddcfdd3c.js';
+import '../warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/mobile/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-ddcfdd3c.js';
+import '../warning-8ef1cad9.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-ddcfdd3c.js';
+import '../warning-8ef1cad9.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/modern/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-ddcfdd3c.js';
+import { g as getDataTestId } from './warning-8ef1cad9.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/{moderncssm/warning-d26c81e4.d.ts → modern/warning-8ef1cad9.d.ts}

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
 declare function isMacOS(): boolean;
@@ -19,4 +16,4 @@ declare const browser: {
 declare function getDataTestId(dataTestId: string, element: string): string;
 declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
 declare function devWarning(message: string): void;
-export { PortalContext, os, browser, getDataTestId, devWarning };
+export { os, browser, getDataTestId, devWarning };

package/plate/modern/{warning-ddcfdd3c.js → warning-8ef1cad9.js}

@@ -1,5 +1,4 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
     const elementPart = element ? `-${element.toLowerCase()}` : '';
@@ -10,8 +9,6 @@ detect();
 
 detect();
 
-createContext(() => null);
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/plate/moderncssm/Component.responsive.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/moderncssm';
-import './warning-d26c81e4.js';
+import './warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/components/base-plate/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/moderncssm';
-import { g as getDataTestId } from '../../warning-d26c81e4.js';
+import { g as getDataTestId } from '../../warning-3ebece2f.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/components/base-plate/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/moderncssm';
-import '../../warning-d26c81e4.js';
+import '../../warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import styles from './desktop.module.css';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-d26c81e4.js';
+import '../warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/desktop/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-d26c81e4.js';
+import '../warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/index-7a60c8a5.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+import React from "react";
+import { RefObject } from "react";
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-e5f2ef37";
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+type Country = {
+    name: string;
+    regions?: string[];
+    iso2: string;
+    countryCode: string;
+    dialCode: string;
+    format?: string;
+    priority: number;
+    mainCode?: boolean;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode: string | undefined, clearableCountryCode: boolean | undefined): MaskitoPreprocessor;
+/**
+ * Препроцессор необходим для сохранения кода страны при автозаполнении
+ */
+declare function preserveCountryCodePreprocessor(countryRef: RefObject<Country | null>, createMask: (country: Country) => Array<string | RegExp>): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+    preserveCountryCodePreprocessor: typeof preserveCountryCodePreprocessor;
+};
+declare function isObject<T>(value: T): value is T & object;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// https://stackoverflow.com/a/74608626
+type Intersect<T> = (T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never;
+// https://stackoverflow.com/a/52991061
+// eslint-disable-next-line @typescript-eslint/ban-types
+type OptionalKeys<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? K : never;
+}[keyof T];
+declare function hasOwnProperty<T extends object, K extends OptionalKeys<T>>(val: T, prop: K): val is T & {
+    [P in K]-?: T[P];
+};
+declare function hasOwnProperty<T extends object, K extends keyof T>(val: T, prop: K): boolean;
+declare function hasOwnProperty<T extends object, K extends keyof Intersect<T>>(val: T, prop: K): val is Extract<T, K extends OptionalKeys<T> ? {
+    [P in K]?: any;
+} : {
+    [P in K]: any;
+}>;
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+declare const exhaustiveCheck: (value: never) => never;
+// eslint-disable-next-line @typescript-eslint/ban-types
+declare function isFn<T>(value: T): value is T & Function;
+export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
+export { useIsMounted } from "./useIsMounted-edf8408d";
+export * from "./isClient-22e50762";
+export * from "./warning-3ebece2f";
+export * from "./fnUtils-edf8408d";

package/plate/moderncssm/index.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/moderncssm';
-import './warning-d26c81e4.js';
+import './warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/mobile/Component.mobile.js

@@ -4,7 +4,7 @@ import styles from './mobile.module.css';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-d26c81e4.js';
+import '../warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/mobile/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-d26c81e4.js';
+import '../warning-3ebece2f.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/moderncssm/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-d26c81e4.js';
+import '../warning-3ebece2f.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/moderncssm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-d26c81e4.js';
+import { g as getDataTestId } from './warning-3ebece2f.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/{cssm/warning-9845719a.d.ts → moderncssm/warning-3ebece2f.d.ts}

@@ -1,6 +1,3 @@
-/// <reference types="react" />
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
 declare function isMacOS(): boolean;
@@ -19,4 +16,4 @@ declare const browser: {
 declare function getDataTestId(dataTestId: string, element: string): string;
 declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
 declare function devWarning(message: string): void;
-export { PortalContext, os, browser, getDataTestId, devWarning };
+export { os, browser, getDataTestId, devWarning };

package/plate/moderncssm/{warning-d26c81e4.js → warning-3ebece2f.js}

@@ -1,5 +1,4 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
     const elementPart = element ? `-${element.toLowerCase()}` : '';
@@ -10,8 +9,6 @@ detect();
 
 detect();
 
-createContext(() => null);
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/plate/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var warning = require('./warning-030b2408.js');
+var warning = require('./warning-bde58dcf.js');
 require('react');
 require('@alfalab/hooks');
 

package/plate/warning-bde58dcf.d.ts

@@ -0,0 +1,19 @@
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
+};
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+declare function devWarning(message: string): void;
+export { os, browser, getDataTestId, devWarning };

package/plate/{warning-030b2408.js → warning-bde58dcf.js}

@@ -1,5 +1,4 @@
 var detectBrowser = require('detect-browser');
-var React = require('react');
 
 function getDataTestId(dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';
@@ -10,8 +9,6 @@ detectBrowser.detect();
 
 detectBrowser.detect();
 
-React.createContext(function () { return null; });
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/portal/Component.d.ts

@@ -6,7 +6,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */

package/portal/cssm/Component.d.ts

@@ -6,7 +6,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */

package/portal/cssm/hooks/usePortalContainer.d.ts

@@ -1,2 +1,2 @@
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 export { usePortalContainer };

package/portal/cssm/hooks/usePortalContainer.js

@@ -1,13 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
-var coreComponentsShared = require('../../../shared/cssm');
+var coreConfig = require('@alfalab/core-config');
 var utils = require('../utils.js');
 
 var usePortalContainer = function () {
-    var getContextPortalContainer = react.useContext(coreComponentsShared.PortalContext);
-    if (getContextPortalContainer()) {
-        return getContextPortalContainer;
+    var portalContainer = coreConfig.useCoreConfig().portalContainer;
+    if (portalContainer) {
+        return function () { return portalContainer; };
     }
     return utils.getDefaultPortalContainer;
 };

package/portal/esm/Component.d.ts

@@ -6,7 +6,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */

package/portal/esm/Component.js

@@ -2,7 +2,7 @@ import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { usePortalContainer } from './hooks/usePortalContainer.js';
 import { setRef } from './utils.js';
-import '../../shared/esm';
+import '@alfalab/core-config';
 
 var Portal = forwardRef(function (props, ref) {
     var portalContainer = usePortalContainer();

package/portal/esm/hooks/usePortalContainer.d.ts

@@ -1,2 +1,2 @@
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 export { usePortalContainer };

package/portal/esm/hooks/usePortalContainer.js

@@ -1,11 +1,10 @@
-import { useContext } from 'react';
-import { PortalContext } from '../../../shared/esm';
+import { useCoreConfig } from '@alfalab/core-config';
 import { getDefaultPortalContainer } from '../utils.js';
 
 var usePortalContainer = function () {
-    var getContextPortalContainer = useContext(PortalContext);
-    if (getContextPortalContainer()) {
-        return getContextPortalContainer;
+    var portalContainer = useCoreConfig().portalContainer;
+    if (portalContainer) {
+        return function () { return portalContainer; };
     }
     return getDefaultPortalContainer;
 };

package/portal/esm/index.js

@@ -2,5 +2,5 @@ export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
 import './hooks/usePortalContainer.js';
-import '../../shared/esm';
+import '@alfalab/core-config';
 import './utils.js';

package/portal/hooks/usePortalContainer.d.ts

@@ -1,2 +1,2 @@
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 export { usePortalContainer };

package/portal/hooks/usePortalContainer.js

@@ -1,13 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
-var coreComponentsShared = require('../../shared');
+var coreConfig = require('@alfalab/core-config');
 var utils = require('../utils.js');
 
 var usePortalContainer = function () {
-    var getContextPortalContainer = react.useContext(coreComponentsShared.PortalContext);
-    if (getContextPortalContainer()) {
-        return getContextPortalContainer;
+    var portalContainer = coreConfig.useCoreConfig().portalContainer;
+    if (portalContainer) {
+        return function () { return portalContainer; };
     }
     return utils.getDefaultPortalContainer;
 };

package/portal/modern/Component.d.ts

@@ -6,7 +6,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */

package/portal/modern/Component.js

@@ -2,7 +2,7 @@ import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { usePortalContainer } from './hooks/usePortalContainer.js';
 import { setRef } from './utils.js';
-import '../../shared/modern';
+import '@alfalab/core-config';
 
 const Portal = forwardRef((props, ref) => {
     const portalContainer = usePortalContainer();

package/portal/modern/hooks/usePortalContainer.d.ts

@@ -1,2 +1,2 @@
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 export { usePortalContainer };

package/portal/modern/hooks/usePortalContainer.js

@@ -1,11 +1,10 @@
-import { useContext } from 'react';
-import { PortalContext } from '../../../shared/modern';
+import { useCoreConfig } from '@alfalab/core-config';
 import { getDefaultPortalContainer } from '../utils.js';
 
 const usePortalContainer = () => {
-    const getContextPortalContainer = useContext(PortalContext);
-    if (getContextPortalContainer()) {
-        return getContextPortalContainer;
+    const { portalContainer } = useCoreConfig();
+    if (portalContainer) {
+        return () => portalContainer;
     }
     return getDefaultPortalContainer;
 };

package/portal/modern/index.js

@@ -2,5 +2,5 @@ export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
 import './hooks/usePortalContainer.js';
-import '../../shared/modern';
+import '@alfalab/core-config';
 import './utils.js';