@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/SidePage/SidePageHeader.d.ts

@@ -1,27 +1,55 @@
-import * as React from 'react';
-export interface SidePageHeaderProps {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-}
-export interface SidePageHeaderState {
-    isReadyToFix: boolean;
-}
-export default class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
-    static __KONTUR_REACT_UI__: string;
-    state: {
-        isReadyToFix: boolean;
-    };
-    private theme;
-    private wrapper;
-    private lastRegularHeight;
-    readonly regularHeight: number;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderHeader;
-    private renderCloseContent;
-    private renderClose;
-    private updateReadyToFix;
-    private wrapperRef;
-}
+import React, { type JSX } from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { SidePageContextType } from './SidePageContext.js';
+export interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    /** Закрепляет хедер сверху сайдпейджа. */
+    sticky?: boolean;
+    /** Определяет, нужно ли показывать ModalSeparator. */
+    hasSeparator?: boolean;
+    /**
+     * Обрезает длинный заголовок при «залипании» шапки.
+     * @default false.
+     */
+    cutTitleOnStuck?: boolean;
+}
+export interface SidePageHeaderState {
+    isNativeStuck: boolean;
+    isReadyToStuck: boolean;
+}
+export declare const SidePageHeaderDataTids: {
+    readonly root: "SidePageHeader__root";
+    readonly close: "SidePage__close";
+};
+/**
+ * Шапка сайдпейджа
+ *
+ * @visibleName SidePage.Header
+ */
+export declare class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    state: SidePageHeaderState;
+    static defaultProps: Partial<SidePageHeaderProps>;
+    private theme;
+    private emotion;
+    private cx;
+    private styles;
+    private sticky;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    private throttleHandleScroll;
+    update: () => void;
+    render(): JSX.Element;
+    getStickyProp(): boolean;
+    private renderMain;
+    private renderHeader;
+    private renderClose;
+    private stickyRef;
+}

package/components/SidePage/SidePageHeader.js

@@ -1,95 +1,159 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var Sticky_1 = tslib_1.__importDefault(require("../Sticky"));
-var cross_1 = require("../internal/cross");
-var SidePageContext_1 = require("./SidePageContext");
-var SidePage_module_less_1 = tslib_1.__importDefault(require("./SidePage.module.css"));
-var utils_1 = require("../../lib/utils");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var SidePage_styles_1 = tslib_1.__importDefault(require("./SidePage.styles"));
-var ThemeConsumer_1 = require("../ThemeConsumer");
-var REGULAR_HEADER_PADDING_TOP = 25;
-var FIXED_HEADER_PADDING_TOP = 13;
-var FONT_FAMILY_CORRECTION = 1;
-var CLOSE_ELEMENT_OFFSET = REGULAR_HEADER_PADDING_TOP - FIXED_HEADER_PADDING_TOP - FONT_FAMILY_CORRECTION;
-var FIXED_HEADER_HEIGHT = 50;
-var SidePageHeader = /** @class */function (_super) {
-  tslib_1.__extends(SidePageHeader, _super);
-  function SidePageHeader() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {
-      isReadyToFix: false };
-
-    _this.wrapper = null;
-    _this.lastRegularHeight = 0;
-    _this.componentDidMount = function () {
-      window.addEventListener('scroll', _this.update, true);
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    _this.componentWillUnmount = function () {
-      window.removeEventListener('scroll', _this.update, true);
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-    _this.update = function () {
-      _this.updateReadyToFix();
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
     };
-    _this.renderHeader = function (fixed) {
-      if (fixed === void 0) {fixed = false;}
-      var _a, _b;
-      return React.createElement("div", { className: Emotion_1.cx(SidePage_module_less_1["default"].header, (_a = {}, _a[SidePage_module_less_1["default"].fixed] = fixed, _a[SidePage_styles_1["default"].fixed(_this.theme)] = fixed, _a)) },
-      _this.renderClose(),
-      React.createElement("div", { className: Emotion_1.cx(SidePage_module_less_1["default"].title, (_b = {}, _b[SidePage_module_less_1["default"].fixed] = fixed, _b[SidePage_styles_1["default"].fixed(_this.theme)] = fixed, _b)) }, utils_1.isFunction(_this.props.children) ? _this.props.children(fixed) : _this.props.children));
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import throttle from 'lodash.throttle';
+import { Sticky } from '../Sticky/index.js';
+import { isFunction } from '../../lib/utils.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
+import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
+import { ModalSeparator } from '../Modal/ModalSeparator.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './SidePage.styles.js';
+import { SidePageContext } from './SidePageContext.js';
+import { SidePageCloseButton } from './SidePageCloseButton.js';
+export var SidePageHeaderDataTids = {
+    root: 'SidePageHeader__root',
+    close: 'SidePage__close',
+};
+/**
+ * Шапка сайдпейджа
+ *
+ * @visibleName SidePage.Header
+ */
+var SidePageHeader = /** @class */ (function (_super) {
+    __extends(SidePageHeader, _super);
+    function SidePageHeader() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.context = _this.context;
+        _this.state = {
+            isNativeStuck: true,
+            isReadyToStuck: false,
+        };
+        _this.sticky = null;
+        _this.componentDidMount = function () {
+            var _a, _b, _c, _d, _e;
+            (_c = (_b = (_a = getRootNode(_this)) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.addEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, 'scroll', _this.throttleHandleScroll, true);
+            (_e = (_d = _this.context).setHasHeader) === null || _e === void 0 ? void 0 : _e.call(_d);
+            _this.context.headerRef(_this);
+        };
+        _this.componentWillUnmount = function () {
+            var _a, _b, _c, _d, _e;
+            (_c = (_b = (_a = getRootNode(_this)) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeEventListener) === null || _c === void 0 ? void 0 : _c.call(_b, 'scroll', _this.throttleHandleScroll, true);
+            (_e = (_d = _this.context).setHasHeader) === null || _e === void 0 ? void 0 : _e.call(_d, false);
+            _this.context.headerRef(null);
+        };
+        _this.throttleHandleScroll = throttle(function (event) {
+            var target = event.currentTarget;
+            if (target && typeof target.scrollTop === 'number') {
+                _this.setState({ isNativeStuck: target.scrollTop === 0 });
+            }
+            _this.update();
+        }, 5);
+        _this.update = function () {
+            var _a;
+            (_a = _this.sticky) === null || _a === void 0 ? void 0 : _a.reflow();
+        };
+        _this.renderHeader = function (fixed) {
+            var _a, _b;
+            if (fixed === void 0) { fixed = false; }
+            var isDisplayed = _this.props.hasSeparator || fixed;
+            return (React.createElement("div", null,
+                React.createElement("div", { className: _this.cx(_this.styles.header(_this.theme), (_a = {},
+                        _a[_this.styles.headerFixed(_this.theme)] = fixed,
+                        _a[_this.styles.mobileHeader(_this.theme)] = _this.isMobileLayout,
+                        _a)) },
+                    _this.renderClose(fixed),
+                    React.createElement("div", { className: _this.cx(_this.styles.title(_this.theme), (_b = {},
+                            _b[_this.styles.mobileTitle(_this.theme)] = _this.isMobileLayout,
+                            _b[_this.styles.titleCut()] = fixed && _this.props.cutTitleOnStuck,
+                            _b)) }, isFunction(_this.props.children) ? _this.props.children(fixed) : _this.props.children)),
+                isDisplayed && React.createElement(ModalSeparator, { fixed: fixed })));
+        };
+        _this.renderClose = function (fixed) {
+            var _a;
+            var stickyOffset = parseInt(_this.theme.sidePageHeaderStickyOffset);
+            return (React.createElement("div", { className: _this.cx(_this.styles.wrapperClose(_this.theme), (_a = {},
+                    _a[_this.styles.wrapperCloseFixed(_this.theme)] = fixed,
+                    _a[_this.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout,
+                    _a)) }, !_this.isMobileLayout ? (React.createElement(Sticky, { side: "top", offset: stickyOffset },
+                React.createElement(SidePageCloseButton, { isHeaderFixed: fixed }))) : (React.createElement(SidePageCloseButton, { isHeaderFixed: fixed, isMobile: _this.isMobileLayout }))));
+        };
+        _this.stickyRef = function (el) {
+            _this.sticky = el;
+        };
+        return _this;
+    }
+    SidePageHeader.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
     };
-    _this.renderCloseContent = function (fixed) {return React.createElement(SidePageContext_1.SidePageContext.Consumer, null, function (_a) {
-        var requestClose = _a.requestClose;
-        var _b;
-        return React.createElement("a", { href: "javascript:", className: Emotion_1.cx(SidePage_module_less_1["default"].close, SidePage_styles_1["default"].close(_this.theme), (_b = {},
-          _b[SidePage_module_less_1["default"].fixed] = fixed,
-          _b[SidePage_styles_1["default"].fixed(_this.theme)] = fixed,
-          _b)), onClick: requestClose, "data-tid": "SidePage-Close" },
-        React.createElement(cross_1.SVGCross, { className: SidePage_module_less_1["default"].closeIcon }));
-      });};
-    _this.renderClose = function () {
-      return React.createElement(Sticky_1["default"], { side: "top", offset: CLOSE_ELEMENT_OFFSET }, _this.renderCloseContent);
+    SidePageHeader.prototype.getStickyProp = function () {
+        if (typeof this.props.sticky !== 'undefined') {
+            return this.props.sticky;
+        }
+        if (this.isMobileLayout) {
+            return false;
+        }
+        return true;
     };
-    _this.updateReadyToFix = function () {
-      if (_this.wrapper) {
-        var wrapperScrolledUp = _this.wrapper.getBoundingClientRect().top;
-        var isReadyToFix_1 = _this.regularHeight + wrapperScrolledUp <= FIXED_HEADER_HEIGHT;
-        _this.setState(function (state) {return state.isReadyToFix !== isReadyToFix_1 ? { isReadyToFix: isReadyToFix_1 } : state;});
-      }
+    SidePageHeader.prototype.renderMain = function () {
+        var _a;
+        var isStickyDesktop = !this.isMobileLayout && this.getStickyProp();
+        var isStickyMobile = this.isMobileLayout && this.getStickyProp();
+        var header = this.renderHeader;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": SidePageHeaderDataTids.root, className: this.cx(this.styles.headerWrapper(), (_a = {},
+                    _a[this.styles.headerNativeStuck(this.theme)] = this.state.isNativeStuck,
+                    _a)) }, !this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? (React.createElement(Sticky, { ref: this.stickyRef, side: "top" }, header)) : (header()))));
     };
-    _this.wrapperRef = function (el) {
-      _this.wrapper = el;
+    SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader';
+    SidePageHeader.displayName = 'SidePageHeader';
+    SidePageHeader.contextType = SidePageContext;
+    SidePageHeader.defaultProps = {
+        hasSeparator: false,
     };
-    return _this;
-  }
-  Object.defineProperty(SidePageHeader.prototype, "regularHeight", {
-    get: function get() {
-      var isReadyToFix = this.state.isReadyToFix;
-      if (!this.wrapper) {
-        return 0;
-      }
-      if (!isReadyToFix) {
-        this.lastRegularHeight = this.wrapper.getBoundingClientRect().height;
-      }
-      return this.lastRegularHeight;
-    },
-    enumerable: true,
-    configurable: true });
-
-  SidePageHeader.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1.ThemeConsumer, null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  SidePageHeader.prototype.renderMain = function () {
-    var isReadyToFix = this.state.isReadyToFix;
-    return React.createElement("div", { ref: this.wrapperRef }, isReadyToFix ? React.createElement(Sticky_1["default"], { side: "top" }, this.renderHeader) : this.renderHeader());
-  };
-  SidePageHeader.__KONTUR_REACT_UI__ = 'SidePageHeader';
-  return SidePageHeader;
-}(React.Component);
-exports["default"] = SidePageHeader;
+    SidePageHeader = __decorate([
+        withRenderEnvironment,
+        responsiveLayout,
+        rootNode
+    ], SidePageHeader);
+    return SidePageHeader;
+}(React.Component));
+export { SidePageHeader };
+//# sourceMappingURL=SidePageHeader.js.map

package/components/SidePage/SidePageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePageHeader.js","sourceRoot":"","sources":["SidePageHeader.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,6DAA+B;AAC/B,2CAA6C;AAC7C,qDAAoD;AACpD,wFAA4C;AAC5C,yCAA6C;AAC7C,qDAA+C;AAC/C,8EAAyC;AACzC,kDAAiD;AAGjD,IAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,IAAM,wBAAwB,GAAG,EAAE,CAAC;AACpC,IAAM,sBAAsB,GAAG,CAAC,CAAC;AACjC,IAAM,oBAAoB,GAAG,0BAA0B,GAAG,wBAAwB,GAAG,sBAAsB,CAAC;AAC5G,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAU/B;IAA4C,0CAAyD;IAArG;QAAA,qEAqGC;QAlGQ,WAAK,GAAG;YACb,YAAY,EAAE,KAAK;SACpB,CAAC;QAGM,aAAO,GAAuB,IAAI,CAAC;QACnC,uBAAiB,GAAW,CAAC,CAAC;QAa/B,uBAAiB,GAAG;YACzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC,CAAC;QAEK,0BAAoB,GAAG;YAC5B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC1D,CAAC,CAAC;QAEK,YAAM,GAAG;YACd,KAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC;QAsBM,kBAAY,GAAG,UAAC,KAAsB;YAAtB,sBAAA,EAAA,aAAsB;;YAC5C,OAAO,CACL,6BAAK,SAAS,EAAE,YAAE,CAAC,8BAAM,CAAC,MAAM,YAAI,GAAC,8BAAM,CAAC,KAAK,IAAG,KAAK,EAAE,GAAC,yBAAQ,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK,MAAG;gBAC9F,KAAI,CAAC,WAAW,EAAE;gBACnB,6BAAK,SAAS,EAAE,YAAE,CAAC,8BAAM,CAAC,KAAK,YAAI,GAAC,8BAAM,CAAC,KAAK,IAAG,KAAK,EAAE,GAAC,yBAAQ,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK,MAAG,IAC7F,kBAAU,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAC/E,CACF,CACP,CAAC;QACJ,CAAC,CAAC;QAEM,wBAAkB,GAAG,UAAC,KAAc,IAAK,OAAA,CAC/C,oBAAC,iCAAe,CAAC,QAAQ,QACtB,UAAC,EAAgB;gBAAd,8BAAY;;YAAO,OAAA,CACrB,2BACE,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,YAAE,CAAC,8BAAM,CAAC,KAAK,EAAE,yBAAQ,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC;oBACpD,GAAC,8BAAM,CAAC,KAAK,IAAG,KAAK;oBACrB,GAAC,yBAAQ,CAAC,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAK;wBACnC,EACF,OAAO,EAAE,YAAY,cACZ,gBAAgB;gBAEzB,oBAAC,gBAAQ,IAAC,SAAS,EAAE,8BAAM,CAAC,SAAS,GAAI,CACvC,CACL;QAZsB,CAYtB,CACwB,CAC5B,EAhBgD,CAgBhD,CAAC;QAEM,iBAAW,GAAG;YACpB,OAAA,CACE,oBAAC,gBAAM,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAE,oBAAoB,IAC5C,KAAI,CAAC,kBAAkB,CACjB,CACV;QAJD,CAIC,CAAC;QAEI,sBAAgB,GAAG;YACzB,IAAI,KAAI,CAAC,OAAO,EAAE;gBAChB,IAAM,iBAAiB,GAAG,KAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;gBACnE,IAAM,cAAY,GAAG,KAAI,CAAC,aAAa,GAAG,iBAAiB,IAAI,mBAAmB,CAAC;gBACnF,KAAI,CAAC,QAAQ,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,KAAK,cAAY,CAAC,CAAC,CAAC,EAAE,YAAY,gBAAA,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAhE,CAAgE,CAAC,CAAC;aAC1F;QACH,CAAC,CAAC;QAEM,gBAAU,GAAG,UAAC,EAAsB;YAC1C,KAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QACpB,CAAC,CAAC;;IACJ,CAAC;IA1FC,sBAAW,yCAAa;aAAxB;YACU,IAAA,sCAAY,CAAgB;YACpC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,CAAC;aACV;YACD,IAAI,CAAC,YAAY,EAAE;gBACjB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;aACtE;YACD,OAAO,IAAI,CAAC,iBAAiB,CAAC;QAChC,CAAC;;;OAAA;IAcM,+BAAM,GAAb;QAAA,iBASC;QARC,OAAO,CACL,oBAAC,6BAAa,QACX,UAAA,KAAK;YACJ,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACa,CACjB,CAAC;IACJ,CAAC;IAEO,mCAAU,GAAlB;QACU,IAAA,sCAAY,CAAgB;QACpC,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,UAAU,IACtB,YAAY,CAAC,CAAC,CAAC,oBAAC,gBAAM,IAAC,IAAI,EAAC,KAAK,IAAE,IAAI,CAAC,YAAY,CAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CACjF,CACP,CAAC;IACJ,CAAC;IAnDa,kCAAmB,GAAG,gBAAgB,CAAC;IAoGvD,qBAAC;CAAA,AArGD,CAA4C,KAAK,CAAC,SAAS,GAqG1D;kBArGoB,cAAc"}
+{"version":3,"file":"SidePageHeader.js","sourceRoot":"","sources":["../../../components/SidePage/SidePageHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Sticky } from '../Sticky/index.js';\nimport { isFunction } from '../../lib/utils.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { ModalSeparator } from '../Modal/ModalSeparator.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './SidePage.styles.js';\nimport type { SidePageContextType } from './SidePageContext.js';\nimport { SidePageContext } from './SidePageContext.js';\nimport { SidePageCloseButton } from './SidePageCloseButton.js';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n  /** Закрепляет хедер сверху сайдпейджа. */\n  sticky?: boolean;\n\n  /** Определяет, нужно ли показывать ModalSeparator. */\n  hasSeparator?: boolean;\n\n  /**\n   * Обрезает длинный заголовок при «залипании» шапки.\n   * @default false.\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport interface SidePageHeaderState {\n  isNativeStuck: boolean;\n  isReadyToStuck: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n  root: 'SidePageHeader__root',\n  close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n  public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n  public static displayName = 'SidePageHeader';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n\n  private isMobileLayout!: boolean;\n\n  public state: SidePageHeaderState = {\n    isNativeStuck: true,\n    isReadyToStuck: false,\n  };\n\n  public static defaultProps: Partial<SidePageHeaderProps> = {\n    hasSeparator: false,\n  };\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private sticky: Sticky | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount = () => {\n    getRootNode(this)?.parentNode?.addEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.();\n    this.context.headerRef(this);\n  };\n\n  public componentWillUnmount = () => {\n    getRootNode(this)?.parentNode?.removeEventListener?.('scroll', this.throttleHandleScroll, true);\n    this.context.setHasHeader?.(false);\n    this.context.headerRef(null);\n  };\n\n  private throttleHandleScroll = throttle((event: Event) => {\n    const target = event.currentTarget as HTMLElement;\n    if (target && typeof target.scrollTop === 'number') {\n      this.setState({ isNativeStuck: target.scrollTop === 0 });\n    }\n    this.update();\n  }, 5);\n\n  public update = (): void => {\n    this.sticky?.reflow();\n  };\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getStickyProp(): boolean {\n    if (typeof this.props.sticky !== 'undefined') {\n      return this.props.sticky;\n    }\n\n    if (this.isMobileLayout) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private renderMain() {\n    const isStickyDesktop = !this.isMobileLayout && this.getStickyProp();\n    const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n    const header = this.renderHeader;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageHeaderDataTids.root}\n          className={this.cx(this.styles.headerWrapper(), {\n            [this.styles.headerNativeStuck(this.theme)]: this.state.isNativeStuck,\n          })}\n        >\n          {!this.state.isNativeStuck && (isStickyDesktop || isStickyMobile) ? (\n            <Sticky ref={this.stickyRef} side=\"top\">\n              {header}\n            </Sticky>\n          ) : (\n            header()\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderHeader = (fixed = false) => {\n    const isDisplayed = this.props.hasSeparator || fixed;\n    return (\n      <div>\n        <div\n          className={this.cx(this.styles.header(this.theme), {\n            [this.styles.headerFixed(this.theme)]: fixed,\n            [this.styles.mobileHeader(this.theme)]: this.isMobileLayout,\n          })}\n        >\n          {this.renderClose(fixed)}\n          <div\n            className={this.cx(this.styles.title(this.theme), {\n              [this.styles.mobileTitle(this.theme)]: this.isMobileLayout,\n              [this.styles.titleCut()]: fixed && this.props.cutTitleOnStuck,\n            })}\n          >\n            {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n          </div>\n        </div>\n        {isDisplayed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  private renderClose = (fixed: boolean) => {\n    const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n    return (\n      <div\n        className={this.cx(this.styles.wrapperClose(this.theme), {\n          [this.styles.wrapperCloseFixed(this.theme)]: fixed,\n          [this.styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n        })}\n      >\n        {!this.isMobileLayout ? (\n          <Sticky side=\"top\" offset={stickyOffset}>\n            <SidePageCloseButton isHeaderFixed={fixed} />\n          </Sticky>\n        ) : (\n          <SidePageCloseButton isHeaderFixed={fixed} isMobile={this.isMobileLayout} />\n        )}\n      </div>\n    );\n  };\n\n  private stickyRef = (el: Sticky | null) => {\n    this.sticky = el;\n  };\n}\n"]}

package/components/SidePage/index.d.ts

@@ -1 +1,5 @@
-export { default, SidePageProps, SidePageState } from './SidePage';
+export * from './SidePage.js';
+export * from './SidePageHeader.js';
+export * from './SidePageBody.js';
+export * from './SidePageFooter.js';
+export * from './SidePageContainer.js';

package/components/SidePage/index.js

@@ -1,4 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var SidePage_1 = require("./SidePage");
-exports["default"] = SidePage_1["default"];
+export * from './SidePage.js';
+export * from './SidePageHeader.js';
+export * from './SidePageBody.js';
+export * from './SidePageFooter.js';
+export * from './SidePageContainer.js';
+//# sourceMappingURL=index.js.map

package/components/SidePage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;AAAA,uCAAmE;AAA1D,6BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/SidePage/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './SidePage.js';\nexport * from './SidePageHeader.js';\nexport * from './SidePageBody.js';\nexport * from './SidePageFooter.js';\nexport * from './SidePageContainer.js';\n"]}

package/components/SidePage/locale/index.d.ts

@@ -0,0 +1,4 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import type { SidePageLocale } from './types.js';
+export * from './types.js';
+export declare const SidePageLocaleHelper: LocaleHelper<SidePageLocale>;

package/components/SidePage/locale/index.js

@@ -0,0 +1,9 @@
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';
+import { componentsLocales as en_GB } from './locales/en.js';
+import { componentsLocales as ru_RU } from './locales/ru.js';
+export * from './types.js';
+export var SidePageLocaleHelper = new LocaleHelper({
+    ru_RU: ru_RU,
+    en_GB: en_GB,
+});
+//# sourceMappingURL=index.js.map

package/components/SidePage/locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/SidePage/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,IAAI,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAG7D,cAAc,YAAY,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,IAAI,YAAY,CAAiB;IACnE,KAAK,OAAA;IACL,KAAK,OAAA;CACN,CAAC,CAAC","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper.js';\n\nimport { componentsLocales as en_GB } from './locales/en.js';\nimport { componentsLocales as ru_RU } from './locales/ru.js';\nimport type { SidePageLocale } from './types.js';\n\nexport * from './types.js';\n\nexport const SidePageLocaleHelper = new LocaleHelper<SidePageLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/SidePage/locale/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { SidePageLocale } from '../types.js';
+export declare const componentsLocales: SidePageLocale;

package/components/SidePage/locale/locales/en.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Close modal window',
+};
+//# sourceMappingURL=en.js.map

package/components/SidePage/locale/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../../components/SidePage/locale/locales/en.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,oBAAoB,EAAE,oBAAoB;CAC3C,CAAC","sourcesContent":["import type { SidePageLocale } from '../types.js';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Close modal window',\n};\n"]}

package/components/SidePage/locale/locales/ru.d.ts

@@ -0,0 +1,2 @@
+import type { SidePageLocale } from '../types.js';
+export declare const componentsLocales: SidePageLocale;

package/components/SidePage/locale/locales/ru.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+    closeButtonAriaLabel: 'Закрыть модальное окно',
+};
+//# sourceMappingURL=ru.js.map

package/components/SidePage/locale/locales/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru.js","sourceRoot":"","sources":["../../../../../components/SidePage/locale/locales/ru.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,iBAAiB,GAAmB;IAC/C,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC","sourcesContent":["import type { SidePageLocale } from '../types.js';\n\nexport const componentsLocales: SidePageLocale = {\n  closeButtonAriaLabel: 'Закрыть модальное окно',\n};\n"]}

package/components/SidePage/locale/types.d.ts

@@ -0,0 +1,3 @@
+export interface SidePageLocale {
+    closeButtonAriaLabel?: string;
+}

package/components/SidePage/locale/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/SidePage/locale/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../components/SidePage/locale/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface SidePageLocale {\n  closeButtonAriaLabel?: string;\n}\n"]}

package/components/SingleToast/SingleToast.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { ToastClose, ToastProps, ToastPushApi } from '../Toast/index.js';
+import { Toast } from '../Toast/index.js';
+/**
+ * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
+ * Результат может быть положительным, отрицательным или нейтральным.
+ *
+ * Позволяет вызывать тосты с помощью статических методов.
+ *
+ * ##### Особенности компонента SingleToast
+ * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
+ */
+export declare class SingleToast extends React.Component<ToastProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static ref: React.RefObject<Toast | null>;
+    static close: ToastClose;
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+     *
+     */
+    static push: ToastPushApi;
+    render: () => React.JSX.Element;
+}

package/components/SingleToast/SingleToast.js

@@ -0,0 +1,77 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Toast } from '../Toast/index.js';
+/**
+ * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.
+ * Результат может быть положительным, отрицательным или нейтральным.
+ *
+ * Позволяет вызывать тосты с помощью статических методов.
+ *
+ * ##### Особенности компонента SingleToast
+ * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.
+ */
+var SingleToast = /** @class */ (function (_super) {
+    __extends(SingleToast, _super);
+    function SingleToast() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.render = function () { return React.createElement(Toast, __assign({ ref: SingleToast.ref }, _this.props)); };
+        return _this;
+    }
+    SingleToast.__KONTUR_REACT_UI__ = 'SingleToast';
+    SingleToast.displayName = 'SingleToast';
+    SingleToast.ref = React.createRef();
+    SingleToast.close = function () {
+        var _a;
+        if (React.version.search('18') === 0) {
+            ReactDOM.flushSync(function () { var _a; return (_a = SingleToast.ref.current) === null || _a === void 0 ? void 0 : _a.close(); });
+        }
+        else {
+            (_a = SingleToast.ref.current) === null || _a === void 0 ? void 0 : _a.close();
+        }
+    };
+    /**
+     * Показывает тост с `notification` в качестве сообщения.
+     * Тост автоматически скрывается через 3 или 7 секунд,
+     * в зависимости от наличия у него кнопки `action` внутри config-а.
+     * Время показа можно задать вручную, передав `showTime` внутри config-а.
+     *
+     * @public
+     * @param {React.ReactNode} notification
+     * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
+     *
+     */
+    SingleToast.push = function (notification, config) {
+        var _a;
+        SingleToast.close();
+        (_a = SingleToast.ref.current) === null || _a === void 0 ? void 0 : _a.push(notification, config);
+    };
+    return SingleToast;
+}(React.Component));
+export { SingleToast };
+//# sourceMappingURL=SingleToast.js.map

package/components/SingleToast/SingleToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleToast.js","sourceRoot":"","sources":["../../../components/SingleToast/SingleToast.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;;;;;GAQG;AACH;IAAiC,+BAA2B;IAA5D;;QA6BE,YAAM,GAAG,cAAyB,OAAA,oBAAC,KAAK,aAAC,GAAG,EAAE,WAAW,CAAC,GAAG,IAAM,KAAI,CAAC,KAAK,EAAI,EAA/C,CAA+C,CAAC;;IACpF,CAAC;IA7Be,+BAAmB,GAAG,aAAa,AAAhB,CAAiB;IACpC,uBAAW,GAAG,aAAa,AAAhB,CAAiB;IAC5B,eAAG,GAAG,KAAK,CAAC,SAAS,EAAS,AAA3B,CAA4B;IAE/B,iBAAK,GAAe;;QAChC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,SAAS,CAAC,sBAAM,OAAA,MAAA,WAAW,CAAC,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAA,WAAW,CAAC,GAAG,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QACnC,CAAC;IACH,CAAC,AANkB,CAMjB;IAEF;;;;;;;;;;OAUG;IACW,gBAAI,GAAiB,UAAC,YAA6B,EAAE,MAAwB;;QACzF,WAAW,CAAC,KAAK,EAAE,CAAC;QACpB,MAAA,WAAW,CAAC,GAAG,CAAC,OAAO,0CAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,CAAC,AAHiB,CAGhB;IAGJ,kBAAC;CAAA,AA9BD,CAAiC,KAAK,CAAC,SAAS,GA8B/C;SA9BY,WAAW","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport type { ToastClose, ToastProps, ToastPushApi, ToastPushConfig } from '../Toast/index.js';\nimport { Toast } from '../Toast/index.js';\n\n/**\n * `SingleToast` — это короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды.\n * Результат может быть положительным, отрицательным или нейтральным.\n *\n * Позволяет вызывать тосты с помощью статических методов.\n *\n * ##### Особенности компонента SingleToast\n * Для корректной работы `<SingleToast />` должен быть отрисован только **один раз** на странице. После чего его можно вызывать из любого места приложения методом `SingleToast.push()`. Однако, переданные в компонент пропсы, такие как `theme`, `onPush` и остальные, будут применяться ко всем вызовам.\n */\nexport class SingleToast extends React.Component<ToastProps> {\n  public static __KONTUR_REACT_UI__ = 'SingleToast';\n  public static displayName = 'SingleToast';\n  public static ref = React.createRef<Toast>();\n\n  public static close: ToastClose = () => {\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => SingleToast.ref.current?.close());\n    } else {\n      SingleToast.ref.current?.close();\n    }\n  };\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   *\n   */\n  public static push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig): void => {\n    SingleToast.close();\n    SingleToast.ref.current?.push(notification, config);\n  };\n\n  render = (): React.JSX.Element => <Toast ref={SingleToast.ref} {...this.props} />;\n}\n"]}

package/components/SingleToast/index.d.ts

@@ -0,0 +1 @@
+export * from './SingleToast.js';

package/components/SingleToast/index.js

@@ -0,0 +1,2 @@
+export * from './SingleToast.js';
+//# sourceMappingURL=index.js.map

package/components/SingleToast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/SingleToast/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './SingleToast.js';\n"]}