@alfalab/core-components 45.9.0-beta.1 → 45.9.0-beta.3

package/notification-manager/component.js

@@ -6,7 +6,6 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
-var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -26,7 +25,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/cssm/component.js

@@ -6,7 +6,6 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
-var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 var styles = require('./index.module.css');
 
@@ -25,7 +24,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/esm/component.js

@@ -3,8 +3,7 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
-import { Stack } from '../../stack/esm';
-import { stackingOrder } from '@alfalab/stack-context';
+import { stackingOrder, Stack } from '../../stack/esm';
 import { Notification } from './components/notification/component.js';
 
 var styles = {"component":"notification-manager__component_19o99","notification":"notification-manager__notification_19o99","withoutMargin":"notification-manager__withoutMargin_19o99","enter":"notification-manager__enter_19o99","enterActive":"notification-manager__enterActive_19o99"};

package/notification-manager/esm/index.js

@@ -5,5 +5,4 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/esm';
 import '../../stack/esm';
-import '@alfalab/stack-context';
 import './components/notification/component.js';

package/notification-manager/modern/component.js

@@ -2,8 +2,7 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
-import { Stack } from '../../stack/modern';
-import { stackingOrder } from '@alfalab/stack-context';
+import { Stack, stackingOrder } from '../../stack/modern';
 import { Notification } from './components/notification/component.js';
 
 const styles = {"component":"notification-manager__component_19o99","notification":"notification-manager__notification_19o99","withoutMargin":"notification-manager__withoutMargin_19o99","enter":"notification-manager__enter_19o99","enterActive":"notification-manager__enterActive_19o99"};

package/notification-manager/modern/index.js

@@ -4,5 +4,4 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/modern';
 import '../../stack/modern';
-import '@alfalab/stack-context';
 import './components/notification/component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.9.0-beta.1",
+  "version": "45.9.0-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -56,7 +56,6 @@
     "@alfalab/hooks": "^1.13.0",
     "@alfalab/icons-glyph": "^2.139.0",
     "@alfalab/icons-logotype": "^2.27.0",
-    "@alfalab/stack-context": "^1.15.0",
     "@alfalab/utils": "^1.15.2",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",

package/picker-button/cssm/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -170,6 +170,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement) => void;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
 type StackProps = {
     /**
      * Render prop, в который передается функция.
@@ -183,9 +195,6 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -207,5 +216,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/{index-a5b021bd.d.ts → cssm/index-fe2bc9bb.d.ts}

@@ -62,5 +62,7 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, PortalContext };
 export * from "./browser-a216f694";

package/picker-button/cssm/usePortalContainer-fe2bc9bb.d.ts

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

package/picker-button/cssm/utils-ed29dc0e.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export { PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };

package/picker-button/esm/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -170,6 +170,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement) => void;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
 type StackProps = {
     /**
      * Render prop, в который передается функция.
@@ -183,9 +195,6 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -207,5 +216,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/{modern/index-a5b021bd.d.ts → esm/index-fe2bc9bb.d.ts}

@@ -62,5 +62,7 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, PortalContext };
 export * from "./browser-a216f694";

package/picker-button/esm/usePortalContainer-fe2bc9bb.d.ts

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

package/picker-button/esm/utils-ed29dc0e.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export { PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };

package/picker-button/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -170,6 +170,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement) => void;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
 type StackProps = {
     /**
      * Render prop, в который передается функция.
@@ -183,9 +195,6 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -207,5 +216,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/{esm/index-a5b021bd.d.ts → index-fe2bc9bb.d.ts}

@@ -62,5 +62,7 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, PortalContext };
 export * from "./browser-a216f694";

package/picker-button/modern/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -170,6 +170,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement) => void;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
 type StackProps = {
     /**
      * Render prop, в который передается функция.
@@ -183,9 +195,6 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
 type SavedStyle = {
     value: string;
     key: string;
@@ -207,5 +216,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/{cssm/index-a5b021bd.d.ts → modern/index-fe2bc9bb.d.ts}

@@ -62,5 +62,7 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, PortalContext };
 export * from "./browser-a216f694";

package/picker-button/modern/usePortalContainer-fe2bc9bb.d.ts

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

package/picker-button/modern/utils-ed29dc0e.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export { PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };

package/picker-button/usePortalContainer-fe2bc9bb.d.ts

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

package/picker-button/utils-ed29dc0e.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export { PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef };

package/popover/Component.js

@@ -11,7 +11,6 @@ var maxSize = require('popper-max-size-modifier');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
 var hooks = require('@alfalab/hooks');
-var stackContext = require('@alfalab/stack-context');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -66,7 +65,7 @@ function getArrowPadding(_a) {
     return 0;
 }
 var Popover = React.forwardRef(function (_a, ref) {
-    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackContext.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
+    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
     var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
     var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
     var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];

package/popover/cssm/Component.js

@@ -11,7 +11,6 @@ var maxSize = require('popper-max-size-modifier');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 var hooks = require('@alfalab/hooks');
-var stackContext = require('@alfalab/stack-context');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -65,7 +64,7 @@ function getArrowPadding(_a) {
     return 0;
 }
 var Popover = React.forwardRef(function (_a, ref) {
-    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackContext.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
+    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
     var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
     var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
     var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];

package/popover/esm/Component.js

@@ -7,9 +7,8 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/esm';
-import { Stack } from '../../stack/esm';
+import { stackingOrder, Stack } from '../../stack/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { stackingOrder } from '@alfalab/stack-context';
 
 var styles = {"component":"popover__component_10vxr","inner":"popover__inner_10vxr","scrollableContent":"popover__scrollableContent_10vxr","arrow":"popover__arrow_10vxr","enter":"popover__enter_10vxr","enterActive":"popover__enterActive_10vxr","exit":"popover__exit_10vxr","exitActive":"popover__exitActive_10vxr"};
 require('./index.css');

package/popover/esm/index.js

@@ -10,4 +10,3 @@ import 'popper-max-size-modifier';
 import '../../portal/esm';
 import '../../stack/esm';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/popover/modern/Component.js

@@ -6,9 +6,8 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/modern';
-import { Stack } from '../../stack/modern';
+import { Stack, stackingOrder } from '../../stack/modern';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { stackingOrder } from '@alfalab/stack-context';
 
 const styles = {"component":"popover__component_10vxr","inner":"popover__inner_10vxr","scrollableContent":"popover__scrollableContent_10vxr","arrow":"popover__arrow_10vxr","enter":"popover__enter_10vxr","enterActive":"popover__enterActive_10vxr","exit":"popover__exit_10vxr","exitActive":"popover__exitActive_10vxr"};
 require('./index.css');

package/popover/modern/index.js

@@ -9,4 +9,3 @@ import 'popper-max-size-modifier';
 import '../../portal/modern';
 import '../../stack/modern';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/portal/Component.js

@@ -2,13 +2,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var reactDom = require('react-dom');
+var hooks_usePortalContainer = require('./hooks/usePortalContainer.js');
 var utils = require('./utils.js');
 
-var Portal = react.forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
-    var _d = react.useState(function () {
+var Portal = react.forwardRef(function (props, ref) {
+    var portalContainer = hooks_usePortalContainer.usePortalContainer();
+    var _a = props.getPortalContainer, getPortalContainer = _a === void 0 ? portalContainer : _a, _b = props.immediateMount, immediateMount = _b === void 0 ? false : _b, children = props.children;
+    var _c = react.useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

package/portal/cssm/Component.js

@@ -2,13 +2,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var reactDom = require('react-dom');
+var hooks_usePortalContainer = require('./hooks/usePortalContainer.js');
 var utils = require('./utils.js');
 
-var Portal = react.forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
-    var _d = react.useState(function () {
+var Portal = react.forwardRef(function (props, ref) {
+    var portalContainer = hooks_usePortalContainer.usePortalContainer();
+    var _a = props.getPortalContainer, getPortalContainer = _a === void 0 ? portalContainer : _a, _b = props.immediateMount, immediateMount = _b === void 0 ? false : _b, children = props.children;
+    var _c = react.useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

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

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

package/portal/cssm/hooks/usePortalContainer.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var coreComponentsShared = require('../../../shared/cssm');
+var utils = require('../utils.js');
+
+var usePortalContainer = function () {
+    var getContextPortalContainer = react.useContext(coreComponentsShared.PortalContext);
+    if (getContextPortalContainer()) {
+        return getContextPortalContainer;
+    }
+    return utils.getDefaultPortalContainer;
+};
+
+exports.usePortalContainer = usePortalContainer;

package/portal/esm/Component.js

@@ -1,12 +1,15 @@
 import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { setRef, getDefaultPortalContainer } from './utils.js';
+import { usePortalContainer } from './hooks/usePortalContainer.js';
+import { setRef } from './utils.js';
+import '../../shared/esm';
 
-var Portal = forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
-    var _d = useState(function () {
+var Portal = forwardRef(function (props, ref) {
+    var portalContainer = usePortalContainer();
+    var _a = props.getPortalContainer, getPortalContainer = _a === void 0 ? portalContainer : _a, _b = props.immediateMount, immediateMount = _b === void 0 ? false : _b, children = props.children;
+    var _c = useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

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

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

package/portal/esm/hooks/usePortalContainer.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { PortalContext } from '../../../shared/esm';
+import { getDefaultPortalContainer } from '../utils.js';
+
+var usePortalContainer = function () {
+    var getContextPortalContainer = useContext(PortalContext);
+    if (getContextPortalContainer()) {
+        return getContextPortalContainer;
+    }
+    return getDefaultPortalContainer;
+};
+
+export { usePortalContainer };

package/portal/esm/index.js

@@ -1,4 +1,6 @@
 export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
+import './hooks/usePortalContainer.js';
+import '../../shared/esm';
 import './utils.js';

package/portal/hooks/usePortalContainer.d.ts

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

package/portal/hooks/usePortalContainer.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var coreComponentsShared = require('../../shared');
+var utils = require('../utils.js');
+
+var usePortalContainer = function () {
+    var getContextPortalContainer = react.useContext(coreComponentsShared.PortalContext);
+    if (getContextPortalContainer()) {
+        return getContextPortalContainer;
+    }
+    return utils.getDefaultPortalContainer;
+};
+
+exports.usePortalContainer = usePortalContainer;

package/portal/modern/Component.js

@@ -1,8 +1,12 @@
 import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { setRef, getDefaultPortalContainer } from './utils.js';
+import { usePortalContainer } from './hooks/usePortalContainer.js';
+import { setRef } from './utils.js';
+import '../../shared/modern';
 
-const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
+const Portal = forwardRef((props, ref) => {
+    const portalContainer = usePortalContainer();
+    const { getPortalContainer = portalContainer, immediateMount = false, children } = props;
     const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null);
     useEffect(() => {
         setMountNode(getPortalContainer());

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

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

package/portal/modern/hooks/usePortalContainer.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { PortalContext } from '../../../shared/modern';
+import { getDefaultPortalContainer } from '../utils.js';
+
+const usePortalContainer = () => {
+    const getContextPortalContainer = useContext(PortalContext);
+    if (getContextPortalContainer()) {
+        return getContextPortalContainer;
+    }
+    return getDefaultPortalContainer;
+};
+
+export { usePortalContainer };

package/portal/modern/index.js

@@ -1,4 +1,6 @@
 export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
+import './hooks/usePortalContainer.js';
+import '../../shared/modern';
 import './utils.js';