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

package/shared/modern/context/PortalContext/index.d.ts

@@ -0,0 +1 @@
+export { PortalContext } from "./PortalContext";

package/shared/modern/context/PortalContext/index.js

@@ -0,0 +1,2 @@
+export { PortalContext } from './PortalContext.js';
+import 'react';

package/shared/modern/index.d.ts

@@ -8,3 +8,4 @@ export * from "./browser";
 export * from "./hooks/index";
 export * from "./os";
 export * from "./dom";
+export * from "./context/PortalContext/index";

package/shared/modern/index.js

@@ -8,6 +8,7 @@ export { browser } from './browser.js';
 export { hooks } from './hooks/index.js';
 export { os } from './os.js';
 export { dom } from './dom.js';
+export { PortalContext } from './context/PortalContext/PortalContext.js';
 import './hooks/useCustomWebkitScrollbar.js';
 import 'react';
 import '@alfalab/hooks';

package/side-panel/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-98726143.js');
+var layout_module = require('../../layout.module-f14de816.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/footer/Component.js

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

package/side-panel/esm/Component.responsive.js

@@ -8,7 +8,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-278dcd0c.js';
+import './layout.module-07fad522.js';
 import '../../navigation-bar/esm';
 import './consts.js';
 import './Context.js';

package/side-panel/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-278dcd0c.js';
+import { l as layoutStyles } from '../../layout.module-07fad522.js';
 
 var styles = {"component":"side-panel__component_69mo8"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-278dcd0c.js';
+import '../../layout.module-07fad522.js';

package/side-panel/esm/components/footer/Component.desktop.js

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-278dcd0c.js';
+import '../../layout.module-07fad522.js';
 
 var styles = {"sticky":"side-panel__sticky_nej0v","size-500":"side-panel__size-500_nej0v"};
 require('./desktop.css');

package/side-panel/esm/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-278dcd0c.js';
+import { l as layoutStyles } from '../../layout.module-07fad522.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_1cn7q","sticky":"side-panel__sticky_1cn7q","highlighted":"side-panel__highlighted_1cn7q"};

package/side-panel/esm/components/footer/Component.mobile.js

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-278dcd0c.js';
+import '../../layout.module-07fad522.js';
 
 var styles = {"footer":"side-panel__footer_171n6","sticky":"side-panel__sticky_171n6"};
 require('./mobile.css');

package/side-panel/esm/desktop/Component.desktop.js

@@ -13,7 +13,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../../../base-modal/esm';
-import '../layout.module-278dcd0c.js';
+import '../layout.module-07fad522.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 

package/side-panel/esm/desktop/index.js

@@ -12,7 +12,7 @@ import '../Context.js';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-278dcd0c.js';
+import '../layout.module-07fad522.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/esm/index.js

@@ -6,7 +6,7 @@ import '../../shared/esm';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-278dcd0c.js';
+import './layout.module-07fad522.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import './consts.js';

package/side-panel/esm/mobile/Component.mobile.js

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-278dcd0c.js';
+import '../layout.module-07fad522.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../consts.js';

package/side-panel/esm/mobile/index.js

@@ -9,7 +9,7 @@ import '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-278dcd0c.js';
+import '../layout.module-07fad522.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/Component.responsive.js

@@ -7,7 +7,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-9d97095e.js';
+import './layout.module-7200d95f.js';
 import '../../navigation-bar/modern';
 import './consts.js';
 import './Context.js';

package/side-panel/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-9d97095e.js';
+import { l as layoutStyles } from '../../layout.module-7200d95f.js';
 
 const styles = {"component":"side-panel__component_69mo8"};
 require('./index.css');

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-9d97095e.js';
+import '../../layout.module-7200d95f.js';

package/side-panel/modern/components/footer/Component.desktop.js

@@ -6,7 +6,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-9d97095e.js';
+import '../../layout.module-7200d95f.js';
 
 const styles = {"sticky":"side-panel__sticky_nej0v","size-500":"side-panel__size-500_nej0v"};
 require('./desktop.css');

package/side-panel/modern/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-9d97095e.js';
+import { l as layoutStyles } from '../../layout.module-7200d95f.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_1cn7q","sticky":"side-panel__sticky_1cn7q","highlighted":"side-panel__highlighted_1cn7q"};

package/side-panel/modern/components/footer/Component.mobile.js

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-9d97095e.js';
+import '../../layout.module-7200d95f.js';
 
 const styles = {"footer":"side-panel__footer_171n6","sticky":"side-panel__sticky_171n6"};
 require('./mobile.css');

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-9d97095e.js';
+import '../layout.module-7200d95f.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 

package/side-panel/modern/desktop/index.js

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-9d97095e.js';
+import '../layout.module-7200d95f.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-9d97095e.js';
+import './layout.module-7200d95f.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';
 import './consts.js';

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-9d97095e.js';
+import '../layout.module-7200d95f.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 import '../consts.js';

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-9d97095e.js';
+import '../layout.module-7200d95f.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/stack/component.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var stackContext = require('@alfalab/stack-context');
+var context = require('./context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Stack = function (_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? stackContext.stackingOrder.DEFAULT : _b;
-    var previousValue = React.useContext(stackContext.StackingContext);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? context.stackingOrder.DEFAULT : _b;
+    var previousValue = React.useContext(context.StackingContext);
     var currentValue = Math.max(value, previousValue);
     var nextValue = currentValue + 1;
-    return (React__default.default.createElement(stackContext.StackingContext.Provider, { value: nextValue }, children(currentValue)));
+    return (React__default.default.createElement(context.StackingContext.Provider, { value: nextValue }, children(currentValue)));
 };
 
 exports.Stack = Stack;

package/stack/context.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: number;
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: number;
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: number;
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: number;
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+export { stackingOrder, StackingContext };

package/stack/context.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+var stackingOrder = {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: 2,
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: 10,
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: 50,
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: 100,
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: 1000,
+};
+var StackingContext = React.createContext(stackingOrder.DEFAULT);
+
+exports.StackingContext = StackingContext;
+exports.stackingOrder = stackingOrder;

package/stack/cssm/component.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var stackContext = require('@alfalab/stack-context');
+var context = require('./context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Stack = function (_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? stackContext.stackingOrder.DEFAULT : _b;
-    var previousValue = React.useContext(stackContext.StackingContext);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? context.stackingOrder.DEFAULT : _b;
+    var previousValue = React.useContext(context.StackingContext);
     var currentValue = Math.max(value, previousValue);
     var nextValue = currentValue + 1;
-    return (React__default.default.createElement(stackContext.StackingContext.Provider, { value: nextValue }, children(currentValue)));
+    return (React__default.default.createElement(context.StackingContext.Provider, { value: nextValue }, children(currentValue)));
 };
 
 exports.Stack = Stack;

package/stack/cssm/context.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: number;
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: number;
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: number;
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: number;
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+export { stackingOrder, StackingContext };

package/stack/cssm/context.js

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+var stackingOrder = {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: 2,
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: 10,
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: 50,
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: 100,
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: 1000,
+};
+var StackingContext = React.createContext(stackingOrder.DEFAULT);
+
+exports.StackingContext = StackingContext;
+exports.stackingOrder = stackingOrder;

package/stack/cssm/index.d.ts

@@ -1 +1,2 @@
+export * from "./context";
 export * from "./component";

package/stack/cssm/index.js

@@ -1,7 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var context = require('./context.js');
 var component = require('./component.js');
 
 
 
+exports.StackingContext = context.StackingContext;
+exports.stackingOrder = context.stackingOrder;
 exports.Stack = component.Stack;

package/stack/esm/component.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { stackingOrder, StackingContext } from '@alfalab/stack-context';
+import { stackingOrder, StackingContext } from './context.js';
 
 var Stack = function (_a) {
     var children = _a.children, _b = _a.value, value = _b === void 0 ? stackingOrder.DEFAULT : _b;

package/stack/esm/context.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: number;
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: number;
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: number;
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: number;
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+export { stackingOrder, StackingContext };

package/stack/esm/context.js

@@ -0,0 +1,31 @@
+import { createContext } from 'react';
+
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+var stackingOrder = {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: 2,
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: 10,
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: 50,
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: 100,
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: 1000,
+};
+var StackingContext = createContext(stackingOrder.DEFAULT);
+
+export { StackingContext, stackingOrder };

package/stack/esm/index.d.ts

@@ -1 +1,2 @@
+export * from "./context";
 export * from "./component";

package/stack/esm/index.js

@@ -1,3 +1,3 @@
+export { StackingContext, stackingOrder } from './context.js';
 export { Stack } from './component.js';
 import 'react';
-import '@alfalab/stack-context';

package/stack/index.d.ts

@@ -1 +1,2 @@
+export * from "./context";
 export * from "./component";

package/stack/index.js

@@ -1,7 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var context = require('./context.js');
 var component = require('./component.js');
 
 
 
+exports.StackingContext = context.StackingContext;
+exports.stackingOrder = context.stackingOrder;
 exports.Stack = component.Stack;

package/stack/modern/component.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { StackingContext, stackingOrder } from '@alfalab/stack-context';
+import { StackingContext, stackingOrder } from './context.js';
 
 const Stack = ({ children, value = stackingOrder.DEFAULT }) => {
     const previousValue = useContext(StackingContext);

package/stack/modern/context.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: number;
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: number;
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: number;
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: number;
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+export { stackingOrder, StackingContext };

package/stack/modern/context.js

@@ -0,0 +1,31 @@
+import { createContext } from 'react';
+
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+const stackingOrder = {
+    /**
+     * Для компонентов с возможностью фокуса: кнопки, поля ввода
+     */
+    FOCUSED: 2,
+    /**
+     * Значение по-умолчанию
+     */
+    DEFAULT: 10,
+    /**
+     * Компоненты, которые управляют своей позицией, например, поповер, тултип
+     */
+    POPOVER: 50,
+    /**
+     * Для модальных окон с оверлеем
+     */
+    MODAL: 100,
+    /**
+     * Для тостов и нотификаций
+     */
+    TOAST: 1000,
+};
+const StackingContext = createContext(stackingOrder.DEFAULT);
+
+export { StackingContext, stackingOrder };

package/stack/modern/index.d.ts

@@ -1 +1,2 @@
+export * from "./context";
 export * from "./component";

package/stack/modern/index.js

@@ -1,3 +1,3 @@
+export { StackingContext, stackingOrder } from './context.js';
 export { Stack } from './component.js';
 import 'react';
-import '@alfalab/stack-context';