@alfalab/core-components 45.5.0-rc.1 → 45.5.0-rc.2

package/international-phone-input/cssm/data/country-data.js

@@ -1,24 +1,5 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/*
- * Country model:
- * [
- *    Country name,
- *    Regions,
- *    iso2 code,
- *    International dial code,
- *    Format (if available),
- *    Order priority (if >1 country with same dial code),
- *    Area codes (if >1 country with same dial code)
- * ]
- *
- * Regions:
- * ['america', 'europe', 'asia', 'oceania', 'africa']
- *
- * Sub-regions:
- * ['north-america', 'south-america', 'central-america', 'carribean',
- *  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
- */
 var countriesData = [
     ['Афганистан', ['asia'], 'af', '93'],
     ['Албания', ['europe'], 'al', '355'],

package/international-phone-input/cssm/typings-70284312.d.ts

@@ -879,7 +879,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
+    size?: "s" | "xs" | 24 | 32 | 40 | 48 | 56 | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;

package/international-phone-input/modern/Component.responsive.d.ts

@@ -10,8 +10,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options?: undefined;
 } & Omit<import("../../input/desktop").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "onInput" | "clear" | "onClear"> & {
@@ -29,8 +29,8 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     filterFn?: ((value: string | undefined, option: import("./typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     options: (import("./typings-70284312").OptionShape | import("./typings-70284312").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {

package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts

@@ -12,8 +12,8 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     filterFn?: ((value: string | undefined, option: import("../../typings-70284312").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
 } & {
     Input: React.FC<import("../../../../input").InputProps>;
     InputAutocomplete: React.FC<InputAutocompleteProps>;

package/international-phone-input/modern/typings-70284312.d.ts

@@ -828,14 +828,14 @@ declare const typographyPresets: {
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    color?: "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "link" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
     dataTestId?: string | undefined;
     children?: React.ReactNode;
-    rowLimit?: 1 | 2 | 3 | undefined;
+    rowLimit?: 2 | 1 | 3 | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
@@ -879,7 +879,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
         className?: string;
     }> | ReactElement;
     view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
-    size?: "s" | "xs" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
+    size?: "xs" | "s" | 48 | 56 | 24 | 32 | 40 | "xxs" | undefined;
     className?: string | undefined;
     alignIcon?: "center" | "right" | "left" | undefined;
     dataTestId?: string | undefined;

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-f5075dda.js');
+var components_item_Component = require('./Component-4dae25e5.js');
 require('./utils.js');
 
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-f5075dda.js');
+var components_item_Component = require('../../Component-4dae25e5.js');
 
 
 

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-f5075dda";
+export * from "../../Component-4dae25e5";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-f5075dda.js');
+var components_item_Component = require('../../Component-4dae25e5.js');
 
 
 

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-5a797347.js';
+export { a as List, L as ListContext } from './Component-920d9217.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-5a797347.js';
+export { I as Item } from '../../Component-920d9217.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-5a797347";
+export * from "../../Component-920d9217";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-5a797347.js';
+export { I as Item } from '../../Component-920d9217.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-5a797347.js';
+export { a as List, L as ListContext } from './Component-920d9217.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-f5075dda.js');
+var components_item_Component = require('./Component-4dae25e5.js');
 var presets = require('./presets.js');
 
 

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-50caf95f.js';
+export { a as List, L as ListContext } from './Component-211b789d.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-50caf95f.js';
+export { I as Item } from '../../Component-211b789d.js';
 import '../../utils.js';

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-50caf95f";
+export * from "../../Component-211b789d";

package/list/modern/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-50caf95f.js';
+export { I as Item } from '../../Component-211b789d.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-50caf95f.js';
+export { a as List, L as ListContext } from './Component-211b789d.js';
 export { listPresets } from './presets.js';
 import 'react';
 import 'classnames';

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-a926ed00.js');
+var layout_module = require('../../layout.module-a067cd04.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-a926ed00.js');
+var layout_module = require('../../layout.module-a067cd04.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-6dd44d56.js';
+import './layout.module-b65fc55b.js';
 import '../../navigation-bar/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6dd44d56.js';
+import { l as layoutStyles } from '../../layout.module-b65fc55b.js';
 
 var styles = {"component":"modal__component_1y8r8"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-6dd44d56.js';
+import '../../layout.module-b65fc55b.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6dd44d56.js';
+import { l as layoutStyles } from '../../layout.module-b65fc55b.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_4djkj","sticky":"modal__sticky_4djkj","fullscreen":"modal__fullscreen_4djkj","size-500":"modal__size-500_4djkj","size-600":"modal__size-600_4djkj","size-800":"modal__size-800_4djkj","size-1140":"modal__size-1140_4djkj"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-6dd44d56.js';
+import '../layout.module-b65fc55b.js';
 import '../../../navigation-bar/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-6dd44d56.js';
+import '../layout.module-b65fc55b.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-6dd44d56.js';
+import './layout.module-b65fc55b.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-6dd44d56.js';
+import '../layout.module-b65fc55b.js';
 import '../../../navigation-bar/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-6dd44d56.js';
+import '../layout.module-b65fc55b.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-4a9e9a73.js';
+import './layout.module-4dcb024f.js';
 import '../../navigation-bar/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-4a9e9a73.js';
+import { l as layoutStyles } from '../../layout.module-4dcb024f.js';
 
 const styles = {"component":"modal__component_1y8r8"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-4a9e9a73.js';
+import '../../layout.module-4dcb024f.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-4a9e9a73.js';
+import { l as layoutStyles } from '../../layout.module-4dcb024f.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_4djkj","sticky":"modal__sticky_4djkj","fullscreen":"modal__fullscreen_4djkj","size-500":"modal__size-500_4djkj","size-600":"modal__size-600_4djkj","size-800":"modal__size-800_4djkj","size-1140":"modal__size-1140_4djkj"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-4a9e9a73.js';
+import '../layout.module-4dcb024f.js';
 import '../../../navigation-bar/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-4a9e9a73.js';
+import '../layout.module-4dcb024f.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-4a9e9a73.js';
+import './layout.module-4dcb024f.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-4a9e9a73.js';
+import '../layout.module-4dcb024f.js';
 import '../../../navigation-bar/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-4a9e9a73.js';
+import '../layout.module-4dcb024f.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.5.0-rc.1",
+  "version": "45.5.0-rc.2",
   "license": "MIT",
   "repository": {
     "type": "git",

package/phone-input/cssm/utils/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, ''); };
+var deleteFormatting = function (phone) {
+    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '');
+};
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component-c44170fe.d.ts

@@ -146,7 +146,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/picker-button/cssm/Component-c44170fe.d.ts

@@ -146,7 +146,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/picker-button/esm/Component-c44170fe.d.ts

@@ -146,7 +146,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/portal/Component.js

@@ -6,17 +6,20 @@ var coreComponentsProvider = require('../provider');
 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 getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
     var overrides = coreComponentsProvider.useComponentOverrides('Portal');
     var getContainer = react.useCallback(function () {
+        if (getPortalContainer) {
+            return getPortalContainer();
+        }
         if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
             return overrides.getPortalContainer();
         }
-        return getPortalContainer();
+        return utils.getDefaultPortalContainer();
     }, [getPortalContainer, overrides]);
-    var _d = react.useState(function () {
+    var _c = react.useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     react.useEffect(function () {
         setMountNode(getContainer());
     }, [getContainer]);

package/portal/cssm/Component.js

@@ -6,17 +6,20 @@ var coreComponentsProvider = require('../../provider/cssm');
 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 getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
     var overrides = coreComponentsProvider.useComponentOverrides('Portal');
     var getContainer = react.useCallback(function () {
+        if (getPortalContainer) {
+            return getPortalContainer();
+        }
         if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
             return overrides.getPortalContainer();
         }
-        return getPortalContainer();
+        return utils.getDefaultPortalContainer();
     }, [getPortalContainer, overrides]);
-    var _d = react.useState(function () {
+    var _c = react.useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     react.useEffect(function () {
         setMountNode(getContainer());
     }, [getContainer]);

package/portal/esm/Component.js

@@ -1,20 +1,23 @@
 import { forwardRef, useCallback, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { useComponentOverrides } from '../../provider/esm';
-import { setRef, getDefaultPortalContainer } from './utils.js';
+import { getDefaultPortalContainer, setRef } from './utils.js';
 
 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 getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
     var overrides = useComponentOverrides('Portal');
     var getContainer = useCallback(function () {
+        if (getPortalContainer) {
+            return getPortalContainer();
+        }
         if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
             return overrides.getPortalContainer();
         }
-        return getPortalContainer();
+        return getDefaultPortalContainer();
     }, [getPortalContainer, overrides]);
-    var _d = useState(function () {
+    var _c = useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _d[0], setMountNode = _d[1];
+    }), mountNode = _c[0], setMountNode = _c[1];
     useEffect(function () {
         setMountNode(getContainer());
     }, [getContainer]);

package/portal/modern/Component.js

@@ -1,15 +1,18 @@
 import { forwardRef, useCallback, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { useComponentOverrides } from '../../provider/modern';
-import { setRef, getDefaultPortalContainer } from './utils.js';
+import { getDefaultPortalContainer, setRef } from './utils.js';
 
-const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
+const Portal = forwardRef(({ getPortalContainer, immediateMount = false, children }, ref) => {
     const overrides = useComponentOverrides('Portal');
     const getContainer = useCallback(() => {
+        if (getPortalContainer) {
+            return getPortalContainer();
+        }
         if (overrides?.getPortalContainer) {
             return overrides.getPortalContainer();
         }
-        return getPortalContainer();
+        return getDefaultPortalContainer();
     }, [getPortalContainer, overrides]);
     const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getContainer() : null);
     useEffect(() => {

package/pure-cell/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-7566740f.js');
+var components_addon_component = require('./component-d7aa26ce.js');
 
 
 

package/pure-cell/components/addon/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-7566740f.js');
+var components_addon_component = require('../../component-d7aa26ce.js');
 
 
 

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7566740f";
+export * from "../../component-d7aa26ce";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7566740f.js');
+var components_addon_component = require('../../component-d7aa26ce.js');