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

package/components/SidePage/SidePageContainer.js

@@ -1,17 +1,88 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var SidePage_module_less_1 = tslib_1.__importDefault(require("./SidePage.module.css"));
-var SidePageContainer = /** @class */function (_super) {
-  tslib_1.__extends(SidePageContainer, _super);
-  function SidePageContainer() {
-    return _super !== null && _super.apply(this, arguments) || this;
-  }
-  SidePageContainer.prototype.render = function () {
-    return React.createElement("div", { className: SidePage_module_less_1["default"].bodyContainer }, this.props.children);
-  };
-  SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer';
-  return SidePageContainer;
-}(React.Component);
-exports["default"] = SidePageContainer;
+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);
+};
+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 { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './SidePage.styles.js';
+import { SidePageContext } from './SidePageContext.js';
+export var SidePageContainerDataTids = {
+    root: 'SidePageContainer__root',
+};
+/**
+ * Контейнер с отступами
+ *
+ * @visibleName SidePage.Container
+ */
+var SidePageContainer = /** @class */ (function (_super) {
+    __extends(SidePageContainer, _super);
+    function SidePageContainer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SidePageContainer.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();
+        }));
+    };
+    SidePageContainer.prototype.renderMain = function () {
+        var _this = this;
+        return (React.createElement(SidePageContext.Consumer, null, function (_a) {
+            var _b;
+            var hasHeader = _a.hasHeader, hasFooter = _a.hasFooter, hasPanel = _a.hasPanel;
+            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props),
+                React.createElement("div", { "data-tid": SidePageContainerDataTids.root, className: _this.cx((_b = {},
+                        _b[_this.styles.container(_this.theme)] = true,
+                        _b[_this.styles.containerWithoutHeader(_this.theme)] = !hasHeader,
+                        _b[_this.styles.containerWithoutFooter(_this.theme)] = !hasFooter,
+                        _b[_this.styles.containerWithPanel(_this.theme)] = hasPanel,
+                        _b[_this.styles.mobileContainer(_this.theme)] = _this.isMobileLayout,
+                        _b[_this.styles.mobileContainerWithoutHeader(_this.theme)] = _this.isMobileLayout && !hasHeader,
+                        _b)) }, _this.props.children)));
+        }));
+    };
+    SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer';
+    SidePageContainer.displayName = 'SidePageContainer';
+    SidePageContainer = __decorate([
+        withRenderEnvironment,
+        responsiveLayout,
+        rootNode
+    ], SidePageContainer);
+    return SidePageContainer;
+}(React.Component));
+export { SidePageContainer };
+//# sourceMappingURL=SidePageContainer.js.map

package/components/SidePage/SidePageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePageContainer.js","sourceRoot":"","sources":["SidePageContainer.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,wFAA4C;AAE5C;IAA+C,6CAAe;IAA9D;;IAMA,CAAC;IAHQ,kCAAM,GAAb;QACE,OAAO,6BAAK,SAAS,EAAE,8BAAM,CAAC,aAAa,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IAC3E,CAAC;IAJa,qCAAmB,GAAG,mBAAmB,CAAC;IAK1D,wBAAC;CAAA,AAND,CAA+C,KAAK,CAAC,SAAS,GAM7D;kBANoB,iBAAiB"}
+{"version":3,"file":"SidePageContainer.js","sourceRoot":"","sources":["../../../components/SidePage/SidePageContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvD,MAAM,CAAC,IAAM,yBAAyB,GAAG;IACvC,IAAI,EAAE,yBAAyB;CACvB,CAAC;AAEX;;;;GAIG;AAIH;IAAuC,qCAAuC;IAA9E;;IAgDA,CAAC;IApCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEtC,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEM,sCAAU,GAAjB;QAAA,iBAsBC;QArBC,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,QACtB,UAAC,EAAkC;;gBAAhC,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,CACvC,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAI,CAAC,KAAK;gBAC1D,yCACY,yBAAyB,CAAC,IAAI,EACxC,SAAS,EAAE,KAAI,CAAC,EAAE;wBAChB,GAAC,KAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,IAAI;wBACzC,GAAC,KAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,CAAC,SAAS;wBAC5D,GAAC,KAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,CAAC,SAAS;wBAC5D,GAAC,KAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,QAAQ;wBACtD,GAAC,KAAI,CAAC,MAAM,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAI,CAAC,cAAc;wBAC9D,GAAC,KAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,KAAI,CAAC,KAAK,CAAC,IAAG,KAAI,CAAC,cAAc,IAAI,CAAC,SAAS;4BACzF,IAED,KAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACQ,CACjB;QAhBwC,CAgBxC,CACwB,CAC5B,CAAC;IACJ,CAAC;IA9Ca,qCAAmB,GAAG,mBAAmB,AAAtB,CAAuB;IAC1C,6BAAW,GAAG,mBAAmB,AAAtB,CAAuB;IAFrC,iBAAiB;QAH7B,qBAAqB;QACrB,gBAAgB;QAChB,QAAQ;OACI,iBAAiB,CAgD7B;IAAD,wBAAC;CAAA,AAhDD,CAAuC,KAAK,CAAC,SAAS,GAgDrD;SAhDY,iBAAiB","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './SidePage.styles.js';\nimport { SidePageContext } from './SidePageContext.js';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n  root: 'SidePageContainer__root',\n} as const;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n  public static displayName = 'SidePageContainer';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): React.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 renderMain(): React.JSX.Element {\n    return (\n      <SidePageContext.Consumer>\n        {({ hasHeader, hasFooter, hasPanel }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <div\n              data-tid={SidePageContainerDataTids.root}\n              className={this.cx({\n                [this.styles.container(this.theme)]: true,\n                [this.styles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [this.styles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [this.styles.containerWithPanel(this.theme)]: hasPanel,\n                [this.styles.mobileContainer(this.theme)]: this.isMobileLayout,\n                [this.styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"]}

package/components/SidePage/SidePageContext.d.ts

@@ -1,8 +1,17 @@
-import { SidePageFooter } from './SidePageFooter';
-export interface SidePageContextType {
-    requestClose: () => void;
-    getWidth: () => number | string;
-    updateLayout: () => void;
-    footerRef: (ref: SidePageFooter | null) => void;
-}
-export declare const SidePageContext: import("create-react-context").Context<SidePageContextType>;
+import React from 'react';
+import type { SidePageFooter } from './SidePageFooter.js';
+import type { SidePageHeader } from './SidePageHeader.js';
+export interface SidePageContextType {
+    requestClose: () => void;
+    getWidth: () => number | string;
+    updateLayout: () => void;
+    headerRef: (ref: SidePageHeader | null) => void;
+    footerRef: (ref: SidePageFooter | null) => void;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hasPanel?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
+}
+export declare const SidePageContext: React.Context<SidePageContextType>;

package/components/SidePage/SidePageContext.js

@@ -1,9 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var create_react_context_1 = tslib_1.__importDefault(require("create-react-context"));
-exports.SidePageContext = create_react_context_1["default"]({
-  requestClose: function requestClose() {return undefined;},
-  getWidth: function getWidth() {return 'auto';},
-  updateLayout: function updateLayout() {return undefined;},
-  footerRef: function footerRef() {return undefined;} });
+import React from 'react';
+export var SidePageContext = React.createContext({
+    requestClose: function () { return undefined; },
+    getWidth: function () { return 'auto'; },
+    updateLayout: function () { return undefined; },
+    headerRef: function () { return undefined; },
+    footerRef: function () { return undefined; },
+});
+SidePageContext.displayName = 'SidePageContext';
+//# sourceMappingURL=SidePageContext.js.map

package/components/SidePage/SidePageContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePageContext.js","sourceRoot":"","sources":["SidePageContext.ts"],"names":[],"mappings":";;;AAAA,sFAAsD;AAUzC,QAAA,eAAe,GAAG,8BAAkB,CAAsB;IACrE,YAAY,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC7B,QAAQ,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;IACtB,YAAY,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC7B,SAAS,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;CAC3B,CAAC,CAAC"}
+{"version":3,"file":"SidePageContext.js","sourceRoot":"","sources":["../../../components/SidePage/SidePageContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAsB;IACtE,YAAY,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC7B,QAAQ,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM;IACtB,YAAY,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC7B,SAAS,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC1B,SAAS,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;CAC3B,CAAC,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport type { SidePageFooter } from './SidePageFooter.js';\nimport type { SidePageHeader } from './SidePageHeader.js';\n\nexport interface SidePageContextType {\n  requestClose: () => void;\n  getWidth: () => number | string;\n  updateLayout: () => void;\n  headerRef: (ref: SidePageHeader | null) => void;\n  footerRef: (ref: SidePageFooter | null) => void;\n  hasHeader?: boolean;\n  hasFooter?: boolean;\n  hasPanel?: boolean;\n  setHasHeader?: (value?: boolean) => void;\n  setHasFooter?: (value?: boolean) => void;\n  setHasPanel?: (value?: boolean) => void;\n}\n\nexport const SidePageContext = React.createContext<SidePageContextType>({\n  requestClose: () => undefined,\n  getWidth: () => 'auto',\n  updateLayout: () => undefined,\n  headerRef: () => undefined,\n  footerRef: () => undefined,\n});\n\nSidePageContext.displayName = 'SidePageContext';\n"]}

package/components/SidePage/SidePageFooter.d.ts

@@ -1,34 +1,54 @@
-import * as React from 'react';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageFooterProps {
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    context?: SidePageContextType;
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-}
-/**
- * Футер модального окна.
- */
-export declare class SidePageFooter extends React.Component<SidePageFooterProps> {
-    static __KONTUR_REACT_UI__: string;
-    state: {
-        fixed: boolean;
-    };
-    private theme;
-    private content;
-    private wrapper;
-    private layoutSub;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    update: () => void;
-    private renderMain;
-    private refContent;
-    private refWrapper;
-    private setProperStyles;
-    private getContentHeight;
-}
-export declare const SidePageFooterWithContext: (props: SidePageFooterProps) => JSX.Element;
-export default SidePageFooterWithContext;
+import React, { type JSX } from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { GappedProps } from '../Gapped/index.js';
+import type { SidePageContextType } from './SidePageContext.js';
+export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
+    /** @ignore */
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+    /** Включает серый цвет в футере. */
+    panel?: boolean;
+    /** Закрепляет футер снизу сайдпейджа. */
+    sticky?: boolean;
+    /** Задает расстояние между элементами футера в пикселях. */
+    gap?: GappedProps['gap'];
+}
+interface SidePageFooterState {
+    fixed: boolean;
+}
+export declare const SidePageFooterDataTids: {
+    readonly root: "SidePageFooter__root";
+};
+/**
+ * Футер сайдпейджа.
+ *
+ * @visibleName SidePage.Footer
+ */
+export declare class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    state: SidePageFooterState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
+    private theme;
+    private content;
+    private layoutSub;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<SidePageFooterProps>): void;
+    componentWillUnmount(): void;
+    getSticky(): boolean;
+    render(): JSX.Element;
+    update: () => void;
+    private renderMain;
+    private refContent;
+    private setProperStyles;
+    private getContentHeight;
+}
+export {};

package/components/SidePage/SidePageFooter.js

@@ -1,96 +1,158 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var SidePageContext_1 = require("./SidePageContext");
-var SidePage_module_less_1 = tslib_1.__importDefault(require("./SidePage.module.css"));
-var LayoutEvents_1 = tslib_1.__importDefault(require("../../lib/LayoutEvents"));
-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 __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);
+};
+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 * as LayoutEvents from '../../lib/LayoutEvents.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 { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { Gapped } from '../Gapped/index.js';
+import { isNonNullable } from '../../lib/utils.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';
+export var SidePageFooterDataTids = {
+    root: 'SidePageFooter__root',
+};
+/**
+ * Футер сайдпейджа.
+ *
+ * @visibleName SidePage.Footer
  */
-var SidePageFooter = /** @class */function (_super) {
-  tslib_1.__extends(SidePageFooter, _super);
-  function SidePageFooter() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.state = {
-      fixed: false };
-
-    _this.content = null;
-    _this.wrapper = null;
-    _this.layoutSub = null;
-    _this.update = function () {
-      _this.setProperStyles();
+var SidePageFooter = /** @class */ (function (_super) {
+    __extends(SidePageFooter, _super);
+    function SidePageFooter() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.context = _this.context;
+        _this.state = {
+            fixed: false,
+        };
+        _this.content = null;
+        _this.layoutSub = null;
+        _this.update = function () {
+            _this.setProperStyles();
+        };
+        _this.refContent = function (node) {
+            _this.content = node;
+        };
+        _this.setProperStyles = function () {
+            var wrapper = getRootNode(_this);
+            if (wrapper && _this.content) {
+                var wrapperRect = getDOMRect(wrapper);
+                var contentRect = getDOMRect(_this.content);
+                var fixed = wrapperRect.top > contentRect.top;
+                _this.setState({ fixed: fixed });
+            }
+        };
+        return _this;
+    }
+    SidePageFooter.prototype.componentDidMount = function () {
+        var _a, _b, _c, _d;
+        this.context.footerRef(this);
+        this.update();
+        this.layoutSub = LayoutEvents.addListener(this.update, this.globalObject);
+        (_b = (_a = this.context).setHasFooter) === null || _b === void 0 ? void 0 : _b.call(_a);
+        (_d = (_c = this.context).setHasPanel) === null || _d === void 0 ? void 0 : _d.call(_c, this.props.panel);
     };
-    _this.refContent = function (node) {
-      _this.content = node;
+    SidePageFooter.prototype.componentDidUpdate = function (prevProps) {
+        var _a, _b;
+        this.props.panel !== prevProps.panel && ((_b = (_a = this.context).setHasPanel) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.panel));
     };
-    _this.refWrapper = function (node) {
-      _this.wrapper = node;
+    SidePageFooter.prototype.componentWillUnmount = function () {
+        var _a, _b, _c, _d;
+        this.context.footerRef(null);
+        if (this.layoutSub) {
+            this.layoutSub.remove();
+        }
+        (_b = (_a = this.context).setHasFooter) === null || _b === void 0 ? void 0 : _b.call(_a, false);
+        (_d = (_c = this.context).setHasPanel) === null || _d === void 0 ? void 0 : _d.call(_c, false);
     };
-    _this.setProperStyles = function () {
-      if (_this.wrapper && _this.content) {
-        var wrapperRect = _this.wrapper.getBoundingClientRect();
-        var contentRect = _this.content.getBoundingClientRect();
-        var fixed = wrapperRect.top > contentRect.top;
-        _this.setState({ fixed: fixed });
-      }
+    SidePageFooter.prototype.getSticky = function () {
+        if (typeof this.props.sticky !== 'undefined') {
+            return this.props.sticky;
+        }
+        if (this.isMobileLayout) {
+            return false;
+        }
+        return true;
     };
-    return _this;
-  }
-  SidePageFooter.prototype.componentDidMount = function () {
-    var context = this.props.context;
-    if (context) {
-      context.footerRef(this);
-    }
-    this.update();
-    this.layoutSub = LayoutEvents_1["default"].addListener(this.update);
-  };
-  SidePageFooter.prototype.componentWillUnmount = function () {
-    var context = this.props.context;
-    if (context) {
-      context.footerRef(null);
-    }
-    if (this.layoutSub) {
-      this.layoutSub.remove();
-    }
-  };
-  SidePageFooter.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1.ThemeConsumer, null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  SidePageFooter.prototype.renderMain = function () {
-    var _this = this;
-    return React.createElement("div", { style: { height: this.getContentHeight() }, ref: this.refWrapper },
-    React.createElement(SidePageContext_1.SidePageContext.Consumer, null, function (_a) {
-      var getWidth = _a.getWidth;
-      var _b;
-      return React.createElement("div", { className: SidePage_module_less_1["default"].footer, style: {
-          width: getWidth() } },
-
-      React.createElement("div", { className: Emotion_1.cx(SidePage_module_less_1["default"].footerContent, (_b = {},
-        _b[SidePage_module_less_1["default"].panel] = !!_this.props.panel,
-        _b[SidePage_styles_1["default"].panel(_this.theme)] = !!_this.props.panel,
-        _b[SidePage_module_less_1["default"].fixed] = _this.state.fixed,
-        _b[SidePage_styles_1["default"].fixed(_this.theme)] = _this.state.fixed,
-        _b)), ref: _this.refContent }, _this.props.children));
-    }));
-  };
-  SidePageFooter.prototype.getContentHeight = function () {
-    if (!this.content) {
-      return 'auto';
-    }
-    return this.content.getBoundingClientRect().height;
-  };
-  SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter';
-  return SidePageFooter;
-}(React.Component);
-exports.SidePageFooter = SidePageFooter;
-exports.SidePageFooterWithContext = utils_1.withContext(SidePageContext_1.SidePageContext.Consumer)(SidePageFooter);
-exports["default"] = exports.SidePageFooterWithContext;
+    SidePageFooter.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();
+        }));
+    };
+    SidePageFooter.prototype.renderMain = function () {
+        var _this = this;
+        var separator = (this.props.panel || this.state.fixed) && (React.createElement(ModalSeparator, { fixed: this.state.fixed }));
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: this.styles.footerWrapper() },
+                React.createElement(SidePageContext.Consumer, null, function (_a) {
+                    var _b, _c;
+                    var getWidth = _a.getWidth;
+                    return (React.createElement("div", { className: _this.cx(_this.styles.footer(_this.theme), (_b = {},
+                            _b[_this.styles.positionStatic()] = !_this.getSticky(),
+                            _b)), style: {
+                            width: getWidth(),
+                        } },
+                        separator,
+                        React.createElement("div", { className: _this.cx(_this.styles.footerContent(_this.theme), (_c = {},
+                                _c[_this.styles.footerFixed(_this.theme)] = _this.state.fixed,
+                                _c[_this.styles.panel(_this.theme)] = !!_this.props.panel,
+                                _c[_this.styles.panelFixed(_this.theme)] = !!_this.props.panel && _this.state.fixed,
+                                _c[_this.styles.mobileFooterContent(_this.theme)] = _this.isMobileLayout,
+                                _c)), ref: _this.refContent }, isNonNullable(_this.props.gap) ? (React.createElement(Gapped, { vertical: _this.isMobileLayout, gap: _this.props.gap }, _this.props.children)) : (_this.props.children))));
+                }))));
+    };
+    SidePageFooter.prototype.getContentHeight = function () {
+        if (!this.content) {
+            return 'auto';
+        }
+        return getDOMRect(this.content).height;
+    };
+    SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter';
+    SidePageFooter.displayName = 'SidePageFooter';
+    SidePageFooter.contextType = SidePageContext;
+    SidePageFooter = __decorate([
+        withRenderEnvironment,
+        responsiveLayout,
+        rootNode
+    ], SidePageFooter);
+    return SidePageFooter;
+}(React.Component));
+export { SidePageFooter };
+//# sourceMappingURL=SidePageFooter.js.map

package/components/SidePage/SidePageFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePageFooter.js","sourceRoot":"","sources":["SidePageFooter.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidePageFooter.js","sourceRoot":"","sources":["../../../components/SidePage/SidePageFooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.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 { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport type { GappedProps } from '../Gapped/index.js';\nimport { Gapped } from '../Gapped/index.js';\nimport { isNonNullable } from '../../lib/utils.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';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n\n  /** Включает серый цвет в футере. */\n  panel?: boolean;\n\n  /** Закрепляет футер снизу сайдпейджа. */\n  sticky?: boolean;\n\n  /** Задает расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n  fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n  root: 'SidePageFooter__root',\n} as const;\n\n/**\n * Футер сайдпейджа.\n *\n * @visibleName SidePage.Footer\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n  public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n  public static displayName = 'SidePageFooter';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n\n  public state: SidePageFooterState = {\n    fixed: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private content: HTMLElement | null = null;\n  private layoutSub: ReturnType<typeof LayoutEvents.addListener> | null = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.context.footerRef(this);\n    this.update();\n    this.layoutSub = LayoutEvents.addListener(this.update, this.globalObject);\n    this.context.setHasFooter?.();\n    this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n    this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n  }\n\n  public componentWillUnmount() {\n    this.context.footerRef(null);\n    if (this.layoutSub) {\n      this.layoutSub.remove();\n    }\n    this.context.setHasFooter?.(false);\n    this.context.setHasPanel?.(false);\n  }\n\n  public getSticky(): 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  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 update = (): void => {\n    this.setProperStyles();\n  };\n\n  private renderMain() {\n    const separator: React.ReactNode = (this.props.panel || this.state.fixed) && (\n      <ModalSeparator fixed={this.state.fixed} />\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          data-tid={SidePageFooterDataTids.root}\n          style={{ height: this.getContentHeight() }}\n          className={this.styles.footerWrapper()}\n        >\n          <SidePageContext.Consumer>\n            {({ getWidth }) => (\n              <div\n                className={this.cx(this.styles.footer(this.theme), {\n                  [this.styles.positionStatic()]: !this.getSticky(),\n                })}\n                style={{\n                  width: getWidth(),\n                }}\n              >\n                {separator}\n                <div\n                  className={this.cx(this.styles.footerContent(this.theme), {\n                    [this.styles.footerFixed(this.theme)]: this.state.fixed,\n                    [this.styles.panel(this.theme)]: !!this.props.panel,\n                    [this.styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n                    [this.styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n                  })}\n                  ref={this.refContent}\n                >\n                  {isNonNullable(this.props.gap) ? (\n                    <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n                      {this.props.children}\n                    </Gapped>\n                  ) : (\n                    this.props.children\n                  )}\n                </div>\n              </div>\n            )}\n          </SidePageContext.Consumer>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refContent = (node: HTMLElement | null) => {\n    this.content = node;\n  };\n\n  private setProperStyles = () => {\n    const wrapper = getRootNode(this);\n    if (wrapper && this.content) {\n      const wrapperRect = getDOMRect(wrapper);\n      const contentRect = getDOMRect(this.content);\n      const fixed = wrapperRect.top > contentRect.top;\n      this.setState({ fixed });\n    }\n  };\n\n  private getContentHeight() {\n    if (!this.content) {\n      return 'auto';\n    }\n    return getDOMRect(this.content).height;\n  }\n}\n"]}