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

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';

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-930ee86d.js');
+var components_addon_component = require('./component-33c19d66.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

package/pure-cell/components/amount-title/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

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

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

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

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/footer-button/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../button');
 require('../../../shared');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

package/pure-cell/components/footer-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/footer-text/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

package/pure-cell/components/footer-text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-930ee86d";
+export * from "../../component-33c19d66";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-930ee86d.js');
+var components_addon_component = require('../../component-33c19d66.js');
 
 
 

package/pure-cell/esm/component.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-b60d2959.js';
+export { P as PureCell, f as PureCellContext } from './component-8efd06f2.js';
 import '../../shared/esm';
 import '../../amount/esm';
 import '../../typography/esm';

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

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { A as Addon } from '../../component-b60d2959.js';
+export { A as Addon } from '../../component-8efd06f2.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

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

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

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

@@ -1,4 +1,4 @@
-export { A as Addon } from '../../component-b60d2959.js';
+export { A as Addon } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount/component.js

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { a as Amount } from '../../component-b60d2959.js';
+export { a as Amount } from '../../component-8efd06f2.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/amount/index.js

@@ -1,4 +1,4 @@
-export { a as Amount } from '../../component-b60d2959.js';
+export { a as Amount } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount-title/component.js

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { b as AmountTitle } from '../../component-b60d2959.js';
+export { b as AmountTitle } from '../../component-8efd06f2.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/amount-title/index.js

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-b60d2959.js';
+export { b as AmountTitle } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/category/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { C as Category } from '../../component-b60d2959.js';
+export { C as Category } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/category/index.js

@@ -1,4 +1,4 @@
-export { C as Category } from '../../component-b60d2959.js';
+export { C as Category } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { c as Content } from '../../component-b60d2959.js';
+export { c as Content } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/content/index.js

@@ -1,4 +1,4 @@
-export { c as Content } from '../../component-b60d2959.js';
+export { c as Content } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { F as Footer } from '../../component-b60d2959.js';
+export { F as Footer } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-b60d2959.js';
+export { F as Footer } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-button/component.js

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import '../../../../button/esm';
 import '../../../../shared/esm';
-export { d as FooterButton } from '../../component-b60d2959.js';
+export { d as FooterButton } from '../../component-8efd06f2.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/footer-button/index.js

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-b60d2959.js';
+export { d as FooterButton } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer-text/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { e as FooterText } from '../../component-b60d2959.js';
+export { e as FooterText } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b60d2959";
+export * from "../../component-8efd06f2";

package/pure-cell/esm/components/footer-text/index.js

@@ -1,4 +1,4 @@
-export { e as FooterText } from '../../component-b60d2959.js';
+export { e as FooterText } from '../../component-8efd06f2.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';