@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

package/portal/cssm/Component.js

@@ -2,15 +2,13 @@ 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 (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 () {
+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 () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);
@@ -25,5 +23,6 @@ var Portal = react.forwardRef(function (props, ref) {
     }, [ref, mountNode]);
     return mountNode ? reactDom.createPortal(children, mountNode) : mountNode;
 });
+Portal.displayName = 'Portal';
 
 exports.Portal = Portal;

package/portal/esm/Component.js

@@ -1,15 +1,12 @@
 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 { setRef, getDefaultPortalContainer } from './utils.js';
 
-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 () {
+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 () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    }), mountNode = _d[0], setMountNode = _d[1];
     useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);
@@ -24,5 +21,6 @@ var Portal = forwardRef(function (props, ref) {
     }, [ref, mountNode]);
     return mountNode ? createPortal(children, mountNode) : mountNode;
 });
+Portal.displayName = 'Portal';
 
 export { Portal };

package/portal/esm/index.js

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

package/portal/modern/Component.js

@@ -1,12 +1,8 @@
 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 { setRef, getDefaultPortalContainer } from './utils.js';
 
-const Portal = forwardRef((props, ref) => {
-    const portalContainer = usePortalContainer();
-    const { getPortalContainer = portalContainer, immediateMount = false, children } = props;
+const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
     const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null);
     useEffect(() => {
         setMountNode(getPortalContainer());
@@ -22,5 +18,6 @@ const Portal = forwardRef((props, ref) => {
     }, [ref, mountNode]);
     return mountNode ? createPortal(children, mountNode) : mountNode;
 });
+Portal.displayName = 'Portal';
 
 export { Portal };

package/portal/modern/index.js

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

package/progress-bar/Component.js

@@ -23,6 +23,7 @@ var ProgressBar = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default.default(styles.container, styles[SIZE_TO_CLASSNAME_MAP[size]], className), "data-test-id": dataTestId, ref: ref },
         React__default.default.createElement("div", { className: cn__default.default(styles.filled, styles[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
+ProgressBar.displayName = 'ProgressBar';
 
 exports.ProgressBar = ProgressBar;
 exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;

package/progress-bar/cssm/Component.js

@@ -22,6 +22,7 @@ var ProgressBar = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn__default.default(styles__default.default.container, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], className), "data-test-id": dataTestId, ref: ref },
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.filled, styles__default.default[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
+ProgressBar.displayName = 'ProgressBar';
 
 exports.ProgressBar = ProgressBar;
 exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;

package/progress-bar/esm/Component.js

@@ -16,5 +16,6 @@ var ProgressBar = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, styles[SIZE_TO_CLASSNAME_MAP[size]], className), "data-test-id": dataTestId, ref: ref },
         React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(".concat(translateX, "%)") } })));
 });
+ProgressBar.displayName = 'ProgressBar';
 
 export { ProgressBar, SIZE_TO_CLASSNAME_MAP };

package/progress-bar/modern/Component.js

@@ -15,5 +15,6 @@ const ProgressBar = React.forwardRef(({ className, value, view = 'positive', siz
     return (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, styles[SIZE_TO_CLASSNAME_MAP[size]], className), "data-test-id": dataTestId, ref: ref },
         React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: `translateX(${translateX}%)` } })));
 });
+ProgressBar.displayName = 'ProgressBar';
 
 export { ProgressBar, SIZE_TO_CLASSNAME_MAP };

package/pure-cell/{component-727bcb4d.js → component-6daff29b.js}

@@ -294,6 +294,7 @@ var PureCell = Object.assign(PureCellComponent, {
     Comment: coreComponentsComment.Comment,
     Category: Category,
 });
+PureCellComponent.displayName = 'PureCellComponent';
 
 exports.Addon = Addon;
 exports.Amount = Amount;

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-727bcb4d.js');
+var components_addon_component = require('./component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.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-727bcb4d.js');
+var components_addon_component = require('../../component-6daff29b.js');
 
 
 

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

@@ -1 +1 @@
-export * from "../../component-727bcb4d";
+export * from "../../component-6daff29b";

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

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

package/pure-cell/cssm/{component-e3105fca.js → component-bb77cc22.js}

@@ -283,6 +283,7 @@ var PureCell = Object.assign(PureCellComponent, {
     Comment: coreComponentsComment.Comment,
     Category: Category,
 });
+PureCellComponent.displayName = 'PureCellComponent';
 
 exports.Addon = Addon;
 exports.Amount = Amount;

package/pure-cell/cssm/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 require('../../comment/cssm');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-e3105fca.js');
+var components_addon_component = require('./component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../../shared/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../../amount/cssm');
 require('../../../../shared/cssm');
 require('../../../../typography/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../../amount/cssm');
 require('../../../../shared/cssm');
 require('../../../../typography/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../../shared/cssm');
 require('../../../../typography/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../../shared/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../../shared/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../../button/cssm');
 require('../../../../shared/cssm');
-var components_addon_component = require('../../component-e3105fca.js');
+var components_addon_component = require('../../component-bb77cc22.js');
 require('./index.module.css');
 
 

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";

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

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

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

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

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

@@ -1 +1 @@
-export * from "../../component-e3105fca";
+export * from "../../component-bb77cc22";