@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

package/cjs/components/Spinner/Spinner.styles.js

@@ -1,112 +1,112 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");
-var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  circle: function circle(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n\n      ", "\n    "])),
-    t.spinnerColor,
+var _AnimationKeyframes = require("../../lib/theming/AnimationKeyframes");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 
-    !_client.isIE11 && "\n          animation: " +
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (emotion) {
+  var AnimationKeyframes = (0, _AnimationKeyframes.getAnimationKeyframes)(emotion);
+  return {
+    circle: function circle(t) {
+      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        stroke: ", ";\n\n      animation:\n        ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ", " 2s linear infinite,\n        ", " 6s ease-in-out infinite;\n    "])),
+      t.spinnerColor,
 
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite,\n            " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerColor(t) + " 6s ease-in-out infinite;\n        ");
 
+      AnimationKeyframes.spinnerCircleOffset(),
+      AnimationKeyframes.spinnerCircleLength(),
+      AnimationKeyframes.spinnerCircleRotate(),
+      AnimationKeyframes.spinnerColor(t));
 
-  },
-  circleDimmedColor: function circleDimmedColor(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      stroke: ", ";\n    "])),
-    t.spinnerDimmedColor);
+    },
+    circleDimmedColor: function circleDimmedColor(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        stroke: ", ";\n      "])),
+      t.spinnerDimmedColor);
 
-  },
-  circleWithoutColorAnimation: function circleWithoutColorAnimation() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])),
-    !_client.isIE11 && "\n          animation: " +
+    },
+    circleWithoutColorAnimation: function circleWithoutColorAnimation() {
+      return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        animation:\n          ", " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ", " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ", " 2s linear infinite;\n      "])),
 
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleOffset() + " 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleLength() + " 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          " +
-    _AnimationKeyframes.AnimationKeyframes.spinnerCircleRotate() + " 2s linear infinite;\n        ");
+      AnimationKeyframes.spinnerCircleOffset(),
+      AnimationKeyframes.spinnerCircleLength(),
+      AnimationKeyframes.spinnerCircleRotate());
 
+    },
 
-  },
+    captionColor: function captionColor(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+      t.spinnerCaptionColor);
 
-  captionColor: function captionColor(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.spinnerCaptionColor);
+    },
 
-  },
+    inline: function inline() {
+      return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: inherit;\n        line-height: inherit;\n      "])));
 
-  inline: function inline() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
 
 
+    },
 
-  },
+    mini: function mini(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.spinnerCaptionGapSmall,
+      t.spinnerFontSizeSmall,
+      t.spinnerLineHeightSmall);
 
-  mini: function mini(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionGapSmall,
-    t.spinnerFontSizeSmall,
-    t.spinnerLineHeightSmall);
+    },
 
-  },
+    small: function small(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.spinnerCaptionMarginSmall,
+      t.spinnerFontSizeSmall,
+      t.spinnerLineHeightSmall);
 
-  small: function small(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionMarginSmall,
-    t.spinnerFontSizeSmall,
-    t.spinnerLineHeightSmall);
+    },
 
-  },
+    normal: function normal(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])),
 
-  normal: function normal(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+      t.spinnerFontSizeMedium,
+      t.spinnerLineHeightMedium,
+      t.spinnerCaptionGapMedium);
 
-    t.spinnerFontSizeMedium,
-    t.spinnerLineHeightMedium,
-    t.spinnerCaptionGapMedium);
+    },
 
-  },
+    medium: function medium(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: ", ";\n        font-size: ", ";\n        line-height: ", ";\n      "])),
+      t.spinnerCaptionMarginMedium,
+      t.spinnerFontSizeMedium,
+      t.spinnerLineHeightMedium);
 
-  medium: function medium(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])),
-    t.spinnerCaptionMarginMedium,
-    t.spinnerFontSizeMedium,
-    t.spinnerLineHeightMedium);
+    },
 
-  },
+    big: function big(t) {
+      return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: block;\n        font-size: ", ";\n        line-height: ", ";\n        margin-top: ", ";\n      "])),
 
-  big: function big(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])),
+      t.spinnerFontSizeLarge,
+      t.spinnerLineHeightLarge,
+      t.spinnerCaptionGapLarge);
 
-    t.spinnerFontSizeLarge,
-    t.spinnerLineHeightLarge,
-    t.spinnerCaptionGapLarge);
+    },
 
-  },
+    large: function large(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        margin: ", ";\n      "])),
+      t.spinnerFontSizeLarge,
+      t.spinnerLineHeightLarge,
+      t.spinnerCaptionMarginLarge);
 
-  large: function large(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])),
-    t.spinnerFontSizeLarge,
-    t.spinnerLineHeightLarge,
-    t.spinnerCaptionMarginLarge);
+    },
 
-  },
+    spinner: function spinner() {
+      return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      "])));
 
-  spinner: function spinner() {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
 
 
 
+    },
 
-  },
+    inner: function inner() {
+      return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n      "])));
 
-  inner: function inner() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
 
-
-  }
+    }
+  };
 });

package/cjs/components/Spinner/Spinner.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_client","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","circle","t","css","_taggedTemplateLiteralLoose2","default","spinnerColor","isIE11","AnimationKeyframes","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","spinnerCaptionMarginSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","spinnerCaptionMarginMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","spinnerCaptionMarginLarge","spinner","inner"],"sources":["Spinner.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\nimport { isIE11 } from '../../lib/client';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return css`\n      stroke: ${t.spinnerColor};\n\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n            ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n            ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n            ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n        `}\n    `;\n  },\n  circleDimmedColor(t: Theme) {\n    return css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return css`\n      ${!isIE11 &&\n      `\n          animation: ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n        `}\n    `;\n  },\n\n  captionColor(t: Theme) {\n    return css`\n      color: ${t.spinnerCaptionColor};\n    `;\n  },\n\n  inline() {\n    return css`\n      font-size: inherit;\n      line-height: inherit;\n    `;\n  },\n\n  mini(t: Theme) {\n    return css`\n      margin-left: ${t.spinnerCaptionGapSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  small(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginSmall};\n      font-size: ${t.spinnerFontSizeSmall};\n      line-height: ${t.spinnerLineHeightSmall};\n    `;\n  },\n\n  normal(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n      margin-top: ${t.spinnerCaptionGapMedium};\n    `;\n  },\n\n  medium(t: Theme) {\n    return css`\n      margin: ${t.spinnerCaptionMarginMedium};\n      font-size: ${t.spinnerFontSizeMedium};\n      line-height: ${t.spinnerLineHeightMedium};\n    `;\n  },\n\n  big(t: Theme) {\n    return css`\n      display: block;\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin-top: ${t.spinnerCaptionGapLarge};\n    `;\n  },\n\n  large(t: Theme) {\n    return css`\n      font-size: ${t.spinnerFontSizeLarge};\n      line-height: ${t.spinnerLineHeightLarge};\n      margin: ${t.spinnerCaptionMarginLarge};\n    `;\n  },\n\n  spinner() {\n    return css`\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    `;\n  },\n\n  inner() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_AnimationKeyframes","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","getStyles","exports","memoizeGetStyles","emotion","AnimationKeyframes","getAnimationKeyframes","circle","t","css","_taggedTemplateLiteralLoose2","default","spinnerColor","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","circleDimmedColor","spinnerDimmedColor","circleWithoutColorAnimation","captionColor","spinnerCaptionColor","inline","mini","spinnerCaptionGapSmall","spinnerFontSizeSmall","spinnerLineHeightSmall","small","spinnerCaptionMarginSmall","normal","spinnerFontSizeMedium","spinnerLineHeightMedium","spinnerCaptionGapMedium","medium","spinnerCaptionMarginMedium","big","spinnerFontSizeLarge","spinnerLineHeightLarge","spinnerCaptionGapLarge","large","spinnerCaptionMarginLarge","spinner","inner"],"sources":["Spinner.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  const AnimationKeyframes = getAnimationKeyframes(emotion);\n  return {\n    circle(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerColor};\n\n      animation:\n        ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n        ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n        ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite,\n        ${AnimationKeyframes.spinnerColor(t)} 6s ease-in-out infinite;\n    `;\n    },\n    circleDimmedColor(t: Theme) {\n      return emotion.css`\n        stroke: ${t.spinnerDimmedColor};\n      `;\n    },\n    circleWithoutColorAnimation() {\n      return emotion.css`\n        animation:\n          ${AnimationKeyframes.spinnerCircleOffset()} 1s cubic-bezier(0.5, 0.2, 0.5, 0.8) infinite,\n          ${AnimationKeyframes.spinnerCircleLength()} 2s cubic-bezier(0.36, 0.14, 0.38, 0.69) infinite,\n          ${AnimationKeyframes.spinnerCircleRotate()} 2s linear infinite;\n      `;\n    },\n\n    captionColor(t: Theme) {\n      return emotion.css`\n        color: ${t.spinnerCaptionColor};\n      `;\n    },\n\n    inline() {\n      return emotion.css`\n        font-size: inherit;\n        line-height: inherit;\n      `;\n    },\n\n    mini(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.spinnerCaptionGapSmall};\n        font-size: ${t.spinnerFontSizeSmall};\n        line-height: ${t.spinnerLineHeightSmall};\n      `;\n    },\n\n    small(t: Theme) {\n      return emotion.css`\n        margin: ${t.spinnerCaptionMarginSmall};\n        font-size: ${t.spinnerFontSizeSmall};\n        line-height: ${t.spinnerLineHeightSmall};\n      `;\n    },\n\n    normal(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeMedium};\n        line-height: ${t.spinnerLineHeightMedium};\n        margin-top: ${t.spinnerCaptionGapMedium};\n      `;\n    },\n\n    medium(t: Theme) {\n      return emotion.css`\n        margin: ${t.spinnerCaptionMarginMedium};\n        font-size: ${t.spinnerFontSizeMedium};\n        line-height: ${t.spinnerLineHeightMedium};\n      `;\n    },\n\n    big(t: Theme) {\n      return emotion.css`\n        display: block;\n        font-size: ${t.spinnerFontSizeLarge};\n        line-height: ${t.spinnerLineHeightLarge};\n        margin-top: ${t.spinnerCaptionGapLarge};\n      `;\n    },\n\n    large(t: Theme) {\n      return emotion.css`\n        font-size: ${t.spinnerFontSizeLarge};\n        line-height: ${t.spinnerLineHeightLarge};\n        margin: ${t.spinnerCaptionMarginLarge};\n      `;\n    },\n\n    spinner() {\n      return emotion.css`\n        display: inline-block;\n        text-align: center;\n        line-height: normal;\n      `;\n    },\n\n    inner() {\n      return emotion.css`\n        display: inline-block;\n      `;\n    },\n  };\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Sticky/Sticky.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { Nullable } from '../../typings/utility-types';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
-import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';
 export interface StickyProps extends Omit<CommonProps, 'children'> {
     /** Задает сторону залипания. */
     side: 'top' | 'bottom';
@@ -37,13 +36,16 @@ export declare class Sticky extends React.Component<StickyProps, StickyState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: StickyState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private wrapper;
     private inner;
     private layoutSubscription;
     private reflowCounter;
     getRootNode: TGetRootNode;
     private setRootNode;
-    featureFlags: ReactUIFeatureFlags;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;

package/cjs/components/Sticky/Sticky.js

@@ -1,6 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.StickyDataTids = exports.Sticky = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _shallowequal = _interopRequireDefault(require("shallowequal"));
-var _globalObject = require("@skbkontur/global-object");
+
+var _warning = _interopRequireDefault(require("warning"));
+
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
@@ -8,13 +10,11 @@ var _utils = require("../../lib/utils");
 var _ZIndex = require("../../internal/ZIndex");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 var _getDOMRect3 = require("../../lib/dom/getDOMRect");
 var _createPropsGetter = require("../../lib/createPropsGetter");
-
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Sticky2 = require("./Sticky.styles");var _class, _Sticky;
 
@@ -56,7 +56,8 @@ var StickyDataTids = exports.StickyDataTids = {
  * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
  */var
 
-Sticky = exports.Sticky = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE__*/function (_React$Component) {function Sticky() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+Sticky = exports.Sticky = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE__*/function (_React$Component) {function Sticky() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -73,15 +74,12 @@ Sticky = exports.Sticky = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE_
 
 
 
-    layoutSubscription = { remove: null };_this.
-    reflowCounter = 0;_this.
-
-
-
 
 
 
 
+    layoutSubscription = { remove: null };_this.
+    reflowCounter = 0;_this.
 
 
 
@@ -156,21 +154,26 @@ Sticky = exports.Sticky = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE_
 
 
 
-    refWrapper = function (ref) {return _this.wrapper = ref;};_this.
+    refWrapper = function (ref) {
+      _this.wrapper = ref;
+    };_this.
 
-    refInner = function (ref) {return _this.inner = ref;};
+    refInner = function (ref) {
+      _this.inner = ref;
+    };
 
     /**
      * Пересчитать габариты и позицию залипшего элемента
      *
      * @public
      */_this.
-    reflow = function () {var _globalObject$documen;
-      if (!((_globalObject$documen = _globalObject.globalObject.document) != null && _globalObject$documen.documentElement)) {
-        throw Error('There is no "documentElement" in document');
+    reflow = function () {var _this$globalObject$do;
+      if (!((_this$globalObject$do = _this.globalObject.document) != null && _this$globalObject$do.documentElement)) {
+        (0, _warning.default)(false, 'There is no "documentElement" in document');
+        return;
       }
 
-      var windowHeight = _globalObject.globalObject.innerHeight || _globalObject.globalObject.document.documentElement.clientHeight;
+      var windowHeight = _this.globalObject.innerHeight || _this.globalObject.document.documentElement.clientHeight;
       if (!_this.wrapper || !_this.inner) {
         return;
       }
@@ -208,4 +211,4 @@ Sticky = exports.Sticky = (0, _rootNode.rootNode)(_class = (_Sticky = /*#__PURE_
           _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
         }
       }
-    };return _this;}(0, _inheritsLoose2.default)(Sticky, _React$Component);var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {this.featureFlags.stickyReduceLayoutEvents ? this.reflow() : LayoutEvents.emit();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;var children = this.props.children;var side = this.props.side;var offset = this.getProps().offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": StickyDataTids.root, ref: this.refWrapper, className: _Sticky2.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: (0, _Emotion.cx)(_Sticky2.styles.inner(), (_cx = {}, _cx[_Sticky2.styles.fixed()] = fixed && !stopped, _cx[_Sticky2.styles.stopped()] = stopped, _cx)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: _Sticky2.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component), _Sticky.__KONTUR_REACT_UI__ = 'Sticky', _Sticky.displayName = 'Sticky', _Sticky.defaultProps = { offset: 0 }, _Sticky)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Sticky, _React$Component);var _proto = Sticky.prototype;_proto.componentDidMount = function componentDidMount() {this.reflow();this.layoutSubscription = LayoutEvents.addListener(this.reflow, this.globalObject);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutSubscription.remove) {this.layoutSubscription.remove();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (!(0, _shallowequal.default)(prevProps, this.props) || !(0, _shallowequal.default)(prevState, this.state)) {if (this.reflowCounter < MAX_REFLOW_RETRIES) {this.reflow();this.reflowCounter += 1;return;}}this.reflowCounter = 0;};_proto.render = function render() {this.styles = (0, _Sticky2.getStyles)(this.emotion);return this.renderMain();};_proto.renderMain = function renderMain() {var _this$cx;var children = this.props.children;var side = this.props.side;var offset = this.getProps().offset;var _this$state2 = this.state,fixed = _this$state2.fixed,stopped = _this$state2.stopped,relativeTop = _this$state2.relativeTop,deltaHeight = _this$state2.deltaHeight,width = _this$state2.width,height = _this$state2.height,left = _this$state2.left;var innerStyle = {};if (fixed) {if (stopped) {innerStyle.top = relativeTop;innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;} else {innerStyle.width = width;innerStyle[side] = offset;innerStyle.left = left;}}if ((0, _utils.isFunction)(children)) {children = children(fixed);}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": StickyDataTids.root, ref: this.refWrapper, className: this.styles.wrapper() }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: "Sticky", applyZIndex: fixed, className: this.cx(this.styles.inner(), (_this$cx = {}, _this$cx[this.styles.fixed()] = fixed && !stopped, _this$cx[this.styles.stopped()] = stopped, _this$cx)), style: innerStyle, wrapperRef: this.refInner }, /*#__PURE__*/_react.default.createElement("div", { className: this.styles.container() }, children)), fixed && !stopped ? /*#__PURE__*/_react.default.createElement("div", { style: { width: width, height: height } }) : null));};return Sticky;}(_react.default.Component), _Sticky.__KONTUR_REACT_UI__ = 'Sticky', _Sticky.displayName = 'Sticky', _Sticky.defaultProps = { offset: 0 }, _Sticky)) || _class) || _class;

package/cjs/components/Sticky/Sticky.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_shallowequal","_globalObject","LayoutEvents","_interopRequireWildcard","_utils","_ZIndex","_CommonWrapper","_Emotion","_rootNode","_getDOMRect3","_createPropsGetter","_featureFlagsContext","_Sticky2","_class","_Sticky","MAX_REFLOW_RETRIES","StickyDataTids","exports","root","Sticky","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_globalObject$documen","globalObject","document","documentElement","Error","windowHeight","innerHeight","clientHeight","_getDOMRect","getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","ceil","floor","setState","stop","stopRect","outerHeight","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","shallowEqual","featureFlags","stickyReduceLayoutEvents","emit","render","_this2","createElement","ReactUIFeatureFlagsContext","Consumer","flags","getFullReactUIFlagsContext","renderMain","_cx","children","_this$state2","innerStyle","isFunction","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","styles","ZIndex","priority","applyZIndex","cx","style","wrapperRef","container","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  /** Задает сторону залипания. */\n  side: 'top' | 'bottom';\n\n  /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.\n   * @default 0 */\n  offset?: number;\n\n  /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */\n  getStop?: () => Nullable<HTMLElement>;\n\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n/**\n * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.\n * Это полезно для создания \"прилипающих\" элементов, которые остаются видимыми при прокрутке содержимого.\n */\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  public featureFlags!: ReactUIFeatureFlags;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        this.featureFlags.stickyReduceLayoutEvents ? this.reflow() : LayoutEvents.emit();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return this.renderMain();\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={cx(styles.inner(), {\n              [styles.fixed()]: fixed && !stopped,\n              [styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => (this.wrapper = ref);\n\n  private refInner = (ref: Nullable<HTMLElement>) => (this.inner = ref);\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = () => {\n    if (!globalObject.document?.documentElement) {\n      throw Error('There is no \"documentElement\" in document');\n    }\n\n    const windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? Math.ceil(top) < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"ocAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,YAAA,GAAAC,uBAAA,CAAAJ,OAAA;;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;;AAEA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;;AAEA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,YAAA,GAAAV,OAAA;AACA,IAAAW,kBAAA,GAAAX,OAAA;;AAEA,IAAAY,oBAAA,GAAAZ,OAAA;;AAEA,IAAAa,QAAA,GAAAb,OAAA,oBAAyC,IAAAc,MAAA,EAAAC,OAAA;;AAEzC,IAAMC,kBAAkB,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BrB,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,IAAI,EAAE;AACR,CAAU;;;;AAIV;AACA;AACA;AACA,GAHA;;AAKaC,MAAM,GAAAF,OAAA,CAAAE,MAAA,OADlBC,kBAAQ,EAAAP,MAAA,IAAAC,OAAA,0BAAAO,gBAAA,YAAAF,OAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;IAOCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,MAAM,CAACe,YAAY,CAAC,CAAAZ,KAAA;;IAElDa,KAAK,GAAgB;MAC1BC,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE,CAAC;MACdC,OAAO,EAAE,KAAK;MACdC,WAAW,EAAE;IACf,CAAC,CAAAjB,KAAA;;;;IAIOkB,kBAAkB,GAAqC,EAAEC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAAnB,KAAA;IACvEoB,aAAa,GAAG,CAAC,CAAApB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkFjBqB,UAAU,GAAG,UAACC,GAA0B,UAAMtB,KAAA,CAAKuB,OAAO,GAAGD,GAAG,EAAC,CAAAtB,KAAA;;IAEjEwB,QAAQ,GAAG,UAACF,GAA0B,UAAMtB,KAAA,CAAKyB,KAAK,GAAGH,GAAG,EAAC;;IAErE;AACF;AACA;AACA;AACA,OAJEtB,KAAA;IAKO0B,MAAM,GAAG,YAAM,KAAAC,qBAAA;MACpB,IAAI,GAAAA,qBAAA,GAACC,0BAAY,CAACC,QAAQ,aAArBF,qBAAA,CAAuBG,eAAe,GAAE;QAC3C,MAAMC,KAAK,CAAC,2CAA2C,CAAC;MAC1D;;MAEA,IAAMC,YAAY,GAAGJ,0BAAY,CAACK,WAAW,IAAIL,0BAAY,CAACC,QAAQ,CAACC,eAAe,CAACI,YAAY;MACnG,IAAI,CAAClC,KAAA,CAAKuB,OAAO,IAAI,CAACvB,KAAA,CAAKyB,KAAK,EAAE;QAChC;MACF;MACA,IAAAU,WAAA,GAAqC,IAAAC,uBAAU,EAACpC,KAAA,CAAKuB,OAAO,CAAC,CAArDc,GAAG,GAAAF,WAAA,CAAHE,GAAG,CAAEC,MAAM,GAAAH,WAAA,CAANG,MAAM,CAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI,CAAEC,KAAK,GAAAL,WAAA,CAALK,KAAK;MAChC,IAAAC,YAAA,GAAmB,IAAAL,uBAAU,EAACpC,KAAA,CAAKyB,KAAK,CAAC,CAAjCiB,MAAM,GAAAD,YAAA,CAANC,MAAM;MACd,IAAAC,WAAA,GAA0B3C,KAAA,CAAK4C,KAAK,CAA5BC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,IAAI,GAAAH,WAAA,CAAJG,IAAI;MACrB,IAAAC,WAAA,GAA0D/C,KAAA,CAAKa,KAAK,CAArDmC,SAAS,GAAAD,WAAA,CAAhBjC,KAAK,CAAAmC,kBAAA,GAAAF,WAAA,CAAaL,MAAM,CAAEQ,UAAU,GAAAD,kBAAA,cAAGP,MAAM,GAAAO,kBAAA;MACrD,IAAME,MAAM,GAAGnD,KAAA,CAAKU,QAAQ,CAAC,CAAC,CAACyC,MAAM;MACrC,IAAMrC,KAAK,GAAGgC,IAAI,KAAK,KAAK,GAAGM,IAAI,CAACC,IAAI,CAAChB,GAAG,CAAC,GAAGc,MAAM,GAAGC,IAAI,CAACE,KAAK,CAAChB,MAAM,CAAC,GAAGN,YAAY,GAAGmB,MAAM;;MAEnGnD,KAAA,CAAKuD,QAAQ,CAAC,EAAEzC,KAAK,EAALA,KAAK,EAAEyB,IAAI,EAAJA,IAAI,CAAC,CAAC,CAAC;;MAE9B,IAAIzB,KAAK,IAAI,CAACkC,SAAS,EAAE;QACvBhD,KAAA,CAAKuD,QAAQ,CAAC,EAAEf,KAAK,EAALA,KAAK,EAAEE,MAAM,EAANA,MAAM,CAAC,CAAC,CAAC;MAClC;;MAEA,IAAI5B,KAAK,EAAE;QACTd,KAAA,CAAKuD,QAAQ,CAAC,EAAEf,KAAK,EAALA,KAAK,CAAC,CAAC,CAAC;QACxB,IAAMgB,IAAI,GAAGX,OAAO,IAAIA,OAAO,CAAC,CAAC;QACjC,IAAIW,IAAI,EAAE;UACR,IAAMzC,WAAW,GAAGmC,UAAU,GAAGR,MAAM;UACvC,IAAMe,QAAQ,GAAG,IAAArB,uBAAU,EAACoB,IAAI,CAAC;UACjC,IAAME,WAAW,GAAGhB,MAAM,GAAGS,MAAM;UACnC,IAAInC,OAAO,GAAG,KAAK;UACnB,IAAIC,WAAW,GAAG,CAAC;;UAEnB,IAAI6B,IAAI,KAAK,KAAK,EAAE;YAClB9B,OAAO,GAAGyC,QAAQ,CAACpB,GAAG,GAAGqB,WAAW,GAAG,CAAC;YACxCzC,WAAW,GAAGwC,QAAQ,CAACpB,GAAG,GAAGa,UAAU,GAAGb,GAAG;UAC/C,CAAC,MAAM;YACLrB,OAAO,GAAGyC,QAAQ,CAACnB,MAAM,GAAGoB,WAAW,GAAG1B,YAAY;YACtDf,WAAW,GAAGwC,QAAQ,CAACnB,MAAM,GAAGD,GAAG;UACrC;;UAEArC,KAAA,CAAKuD,QAAQ,CAAC,EAAEtC,WAAW,EAAXA,WAAW,EAAEF,WAAW,EAAXA,WAAW,EAAEC,OAAO,EAAPA,OAAO,CAAC,CAAC,CAAC;QACtD;MACF;IACF,CAAC,QAAAhB,KAAA,MAAA2D,eAAA,CAAAC,OAAA,EAAA/D,MAAA,EAAAE,gBAAA,MAAA8D,MAAA,GAAAhE,MAAA,CAAAiE,SAAA,CAAAD,MAAA,CAjIME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,CAACrC,MAAM,CAAC,CAAC,CAEb,IAAI,CAACR,kBAAkB,GAAGtC,YAAY,CAACoF,WAAW,CAAC,IAAI,CAACtC,MAAM,CAAC,CACjE,CAAC,CAAAmC,MAAA,CAEMI,oBAAoB,GAA3B,SAAAA,qBAAA,EAA8B,CAC5B,IAAI,IAAI,CAAC/C,kBAAkB,CAACC,MAAM,EAAE,CAClC,IAAI,CAACD,kBAAkB,CAACC,MAAM,CAAC,CAAC,CAClC,CACF,CAAC,CAAA0C,MAAA,CAEMK,kBAAkB,GAAzB,SAAAA,mBAA0BC,SAAsB,EAAEC,SAAsB,EAAE,CACxE,IAAI,CAAC,IAAAC,qBAAY,EAACF,SAAS,EAAE,IAAI,CAACvB,KAAK,CAAC,IAAI,CAAC,IAAAyB,qBAAY,EAACD,SAAS,EAAE,IAAI,CAACvD,KAAK,CAAC,EAAE,CAChF,IAAI,IAAI,CAACO,aAAa,GAAG3B,kBAAkB,EAAE,CAC3C,IAAI,CAAC6E,YAAY,CAACC,wBAAwB,GAAG,IAAI,CAAC7C,MAAM,CAAC,CAAC,GAAG9C,YAAY,CAAC4F,IAAI,CAAC,CAAC,CAChF,IAAI,CAACpD,aAAa,IAAI,CAAC,CACvB,OACF,CACF,CACA,IAAI,CAACA,aAAa,GAAG,CAAC,CACxB,CAAC,CAAAyC,MAAA,CAEMY,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACEnG,MAAA,CAAAqF,OAAA,CAAAe,aAAA,CAACtF,oBAAA,CAAAuF,0BAA0B,CAACC,QAAQ,QACjC,UAACC,KAAK,EAAK,CACVJ,MAAI,CAACJ,YAAY,GAAG,IAAAS,+CAA0B,EAACD,KAAK,CAAC,CACrD,OAAOJ,MAAI,CAACM,UAAU,CAAC,CAAC,CAC1B,CACmC,CAAC,CAE1C,CAAC,CAAAnB,MAAA,CAEOmB,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,CACnB,IAAMC,QAAQ,GAAK,IAAI,CAACtC,KAAK,CAAvBsC,QAAQ,CACd,IAAQpC,IAAI,GAAK,IAAI,CAACF,KAAK,CAAnBE,IAAI,CACZ,IAAMK,MAAM,GAAG,IAAI,CAACzC,QAAQ,CAAC,CAAC,CAACyC,MAAM,CACrC,IAAAgC,YAAA,GAA0E,IAAI,CAACtE,KAAK,CAA5EC,KAAK,GAAAqE,YAAA,CAALrE,KAAK,CAAEE,OAAO,GAAAmE,YAAA,CAAPnE,OAAO,CAAEC,WAAW,GAAAkE,YAAA,CAAXlE,WAAW,CAAEF,WAAW,GAAAoE,YAAA,CAAXpE,WAAW,CAAEyB,KAAK,GAAA2C,YAAA,CAAL3C,KAAK,CAAEE,MAAM,GAAAyC,YAAA,CAANzC,MAAM,CAAEH,IAAI,GAAA4C,YAAA,CAAJ5C,IAAI,CACrE,IAAM6C,UAA+B,GAAG,CAAC,CAAC,CAE1C,IAAItE,KAAK,EAAE,CACT,IAAIE,OAAO,EAAE,CACXoE,UAAU,CAAC/C,GAAG,GAAGpB,WAAW,CAC5BmE,UAAU,CAACtC,IAAI,KAAK,KAAK,GAAG,WAAW,GAAG,cAAc,CAAC,GAAG/B,WAAW,CACzE,CAAC,MAAM,CACLqE,UAAU,CAAC5C,KAAK,GAAGA,KAAK,CACxB4C,UAAU,CAACtC,IAAI,CAAC,GAAGK,MAAM,CACzBiC,UAAU,CAAC7C,IAAI,GAAGA,IAAI,CACxB,CACF,CAEA,IAAI,IAAA8C,iBAAU,EAACH,QAAQ,CAAC,EAAE,CACxBA,QAAQ,GAAGA,QAAQ,CAACpE,KAAK,CAAC,CAC5B,CAEA,oBACEvC,MAAA,CAAAqF,OAAA,CAAAe,aAAA,CAAC3F,cAAA,CAAAsG,aAAa,MAAAC,SAAA,CAAA3B,OAAA,IAAC4B,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAAC7C,KAAK,gBAC1DrE,MAAA,CAAAqF,OAAA,CAAAe,aAAA,UAAK,YAAUjF,cAAc,CAACE,IAAK,EAAC0B,GAAG,EAAE,IAAI,CAACD,UAAW,EAACqE,SAAS,EAAEC,eAAM,CAACpE,OAAO,CAAC,CAAE,iBACpFhD,MAAA,CAAAqF,OAAA,CAAAe,aAAA,CAAC5F,OAAA,CAAA6G,MAAM,IACLC,QAAQ,EAAC,QAAQ,EACjBC,WAAW,EAAEhF,KAAM,EACnB4E,SAAS,EAAE,IAAAK,WAAE,EAACJ,eAAM,CAAClE,KAAK,CAAC,CAAC,GAAAwD,GAAA,OAAAA,GAAA,CACzBU,eAAM,CAAC7E,KAAK,CAAC,CAAC,IAAGA,KAAK,IAAI,CAACE,OAAO,EAAAiE,GAAA,CAClCU,eAAM,CAAC3E,OAAO,CAAC,CAAC,IAAGA,OAAO,EAAAiE,GAAA,CAC5B,CAAE,EACHe,KAAK,EAAEZ,UAAW,EAClBa,UAAU,EAAE,IAAI,CAACzE,QAAS,iBAE1BjD,MAAA,CAAAqF,OAAA,CAAAe,aAAA,UAAKe,SAAS,EAAEC,eAAM,CAACO,SAAS,CAAC,CAAE,IAAEhB,QAAc,CAC7C,CAAC,EACRpE,KAAK,IAAI,CAACE,OAAO,gBAAGzC,MAAA,CAAAqF,OAAA,CAAAe,aAAA,UAAKqB,KAAK,EAAE,EAAExD,KAAK,EAALA,KAAK,EAAEE,MAAM,EAANA,MAAM,CAAC,CAAE,EAAE,CAAC,GAAG,IACtD,CACQ,CAAC,CAEpB,CAAC,QAAA7C,MAAA,GAlGyBsG,cAAK,CAACC,SAAS,GAAA5G,OAAA,CAC3B6G,mBAAmB,GAAG,QAAQ,EAAA7G,OAAA,CAC9B8G,WAAW,GAAG,QAAQ,EAAA9G,OAAA,CAEtBoB,YAAY,GAAiB,EAAEuC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAA3D,OAAA,MAAAD,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_shallowequal","_warning","LayoutEvents","_interopRequireWildcard","_utils","_ZIndex","_CommonWrapper","_rootNode","_getDOMRect3","_createPropsGetter","_renderEnvironment","_Sticky2","_class","_Sticky","MAX_REFLOW_RETRIES","StickyDataTids","exports","root","Sticky","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","fixed","deltaHeight","stopped","relativeTop","layoutSubscription","remove","reflowCounter","refWrapper","ref","wrapper","refInner","inner","reflow","_this$globalObject$do","globalObject","document","documentElement","warning","windowHeight","innerHeight","clientHeight","_getDOMRect","getDOMRect","top","bottom","left","width","_getDOMRect2","height","_this$props","props","getStop","side","_this$state","prevFixed","_this$state$height","prevHeight","offset","Math","ceil","floor","setState","stop","stopRect","outerHeight","_inheritsLoose2","default","_proto","prototype","componentDidMount","addListener","componentWillUnmount","componentDidUpdate","prevProps","prevState","shallowEqual","render","styles","getStyles","emotion","renderMain","_this$cx","children","_this$state2","innerStyle","isFunction","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","className","ZIndex","priority","applyZIndex","cx","style","wrapperRef","container","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\nimport type { Emotion } from '@emotion/css/types/create-instance';\nimport warning from 'warning';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunction } from '../../lib/utils';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Sticky.styles';\n\nconst MAX_REFLOW_RETRIES = 5;\n\nexport interface StickyProps extends Omit<CommonProps, 'children'> {\n  /** Задает сторону залипания. */\n  side: 'top' | 'bottom';\n\n  /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.\n   * @default 0 */\n  offset?: number;\n\n  /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */\n  getStop?: () => Nullable<HTMLElement>;\n\n  /** @ignore */\n  children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n}\n\nexport interface StickyState {\n  fixed: boolean;\n  deltaHeight: number;\n  height?: number;\n  width?: number;\n  left?: number;\n  stopped: boolean;\n  relativeTop: number;\n}\n\nexport const StickyDataTids = {\n  root: 'Sticky__root',\n} as const;\n\ntype DefaultProps = Required<Pick<StickyProps, 'offset'>>;\n\n/**\n * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.\n * Это полезно для создания \"прилипающих\" элементов, которые остаются видимыми при прокрутке содержимого.\n */\n@withRenderEnvironment\n@rootNode\nexport class Sticky extends React.Component<StickyProps, StickyState> {\n  public static __KONTUR_REACT_UI__ = 'Sticky';\n  public static displayName = 'Sticky';\n\n  public static defaultProps: DefaultProps = { offset: 0 };\n\n  private getProps = createPropsGetter(Sticky.defaultProps);\n\n  public state: StickyState = {\n    fixed: false,\n    deltaHeight: 0,\n    stopped: false,\n    relativeTop: 0,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private wrapper: Nullable<HTMLElement>;\n  private inner: Nullable<HTMLElement>;\n  private layoutSubscription: { remove: Nullable<() => void> } = { remove: null };\n  private reflowCounter = 0;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.reflow();\n\n    this.layoutSubscription = LayoutEvents.addListener(this.reflow, this.globalObject);\n  }\n\n  public componentWillUnmount() {\n    if (this.layoutSubscription.remove) {\n      this.layoutSubscription.remove();\n    }\n  }\n\n  public componentDidUpdate(prevProps: StickyProps, prevState: StickyState) {\n    if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {\n      if (this.reflowCounter < MAX_REFLOW_RETRIES) {\n        this.reflow();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n    return this.renderMain();\n  }\n\n  private renderMain() {\n    let { children } = this.props;\n    const { side } = this.props;\n    const offset = this.getProps().offset;\n    const { fixed, stopped, relativeTop, deltaHeight, width, height, left } = this.state;\n    const innerStyle: React.CSSProperties = {};\n\n    if (fixed) {\n      if (stopped) {\n        innerStyle.top = relativeTop;\n        innerStyle[side === 'top' ? 'marginTop' : 'marginBottom'] = deltaHeight;\n      } else {\n        innerStyle.width = width;\n        innerStyle[side] = offset;\n        innerStyle.left = left;\n      }\n    }\n\n    if (isFunction(children)) {\n      children = children(fixed);\n    }\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={StickyDataTids.root} ref={this.refWrapper} className={this.styles.wrapper()}>\n          <ZIndex\n            priority=\"Sticky\"\n            applyZIndex={fixed}\n            className={this.cx(this.styles.inner(), {\n              [this.styles.fixed()]: fixed && !stopped,\n              [this.styles.stopped()]: stopped,\n            })}\n            style={innerStyle}\n            wrapperRef={this.refInner}\n          >\n            <div className={this.styles.container()}>{children}</div>\n          </ZIndex>\n          {fixed && !stopped ? <div style={{ width, height }} /> : null}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refWrapper = (ref: Nullable<HTMLElement>) => {\n    this.wrapper = ref;\n  };\n\n  private refInner = (ref: Nullable<HTMLElement>) => {\n    this.inner = ref;\n  };\n\n  /**\n   * Пересчитать габариты и позицию залипшего элемента\n   *\n   * @public\n   */\n  public reflow = (): void => {\n    if (!this.globalObject.document?.documentElement) {\n      warning(false, 'There is no \"documentElement\" in document');\n      return;\n    }\n\n    const windowHeight = this.globalObject.innerHeight || this.globalObject.document.documentElement.clientHeight;\n    if (!this.wrapper || !this.inner) {\n      return;\n    }\n    const { top, bottom, left, width } = getDOMRect(this.wrapper);\n    const { height } = getDOMRect(this.inner);\n    const { getStop, side } = this.props;\n    const { fixed: prevFixed, height: prevHeight = height } = this.state;\n    const offset = this.getProps().offset;\n    const fixed = side === 'top' ? Math.ceil(top) < offset : Math.floor(bottom) > windowHeight - offset;\n\n    this.setState({ fixed, left });\n\n    if (fixed && !prevFixed) {\n      this.setState({ width, height });\n    }\n\n    if (fixed) {\n      this.setState({ width });\n      const stop = getStop && getStop();\n      if (stop) {\n        const deltaHeight = prevHeight - height;\n        const stopRect = getDOMRect(stop);\n        const outerHeight = height + offset;\n        let stopped = false;\n        let relativeTop = 0;\n\n        if (side === 'top') {\n          stopped = stopRect.top - outerHeight < 0;\n          relativeTop = stopRect.top - prevHeight - top;\n        } else {\n          stopped = stopRect.bottom + outerHeight > windowHeight;\n          relativeTop = stopRect.bottom - top;\n        }\n\n        this.setState({ relativeTop, deltaHeight, stopped });\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Sticky/Sticky.styles.d.ts

@@ -1,7 +1,7 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     wrapper(): string;
     inner(): string;
     fixed(): string;
     stopped(): string;
     container(): string;
-};
+}>;

package/cjs/components/Sticky/Sticky.styles.js

@@ -1,34 +1,36 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    wrapper: function wrapper() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
 
-  },
-  inner: function inner() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n    "])));
 
+    },
+    inner: function inner() {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n    "])));
 
 
-  },
 
-  fixed: function fixed() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
+    },
 
+    fixed: function fixed() {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
 
-  },
 
-  stopped: function stopped() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
+    },
 
+    stopped: function stopped() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-  },
 
-  container: function container() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: auto;\n      width: 100%;\n    "])));
+    },
 
+    container: function container() {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex: auto;\n      width: 100%;\n    "])));
 
 
-  }
-});
+
+    }
+  };});

package/cjs/components/Sticky/Sticky.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","inner","fixed","stopped","container"],"sources":["Sticky.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","wrapper","_taggedTemplateLiteralLoose2","default","inner","fixed","stopped","container"],"sources":["Sticky.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  wrapper() {\n    return css`\n      display: flex;\n    `;\n  },\n  inner() {\n    return css`\n      display: flex;\n      width: 100%;\n    `;\n  },\n\n  fixed() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  stopped() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  container() {\n    return css`\n      flex: auto;\n      width: 100%;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOD,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;IACDC,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOJ,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDE,KAAK,WAAAA,MAAA,EAAG;MACN,OAAOL,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,OAAO,WAAAA,QAAA,EAAG;MACR,OAAON,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDI,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOP,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/cjs/components/Switcher/Switcher.d.ts

@@ -49,6 +49,9 @@ export declare class Switcher extends React.Component<SwitcherProps, SwitcherSta
     static displayName: string;
     static defaultProps: DefaultProps;
     state: SwitcherState;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

package/cjs/components/Switcher/Switcher.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SwitcherDataTids = exports.Switcher = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
+
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _Group = require("../Group");
 
@@ -10,12 +11,10 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
 
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _featureFlagsContext = require("../../lib/featureFlagsContext");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Switcher2 = require("./Switcher.styles");
 var _switcherTheme = require("./switcherTheme");
@@ -81,7 +80,8 @@ var SwitcherDataTids = exports.SwitcherDataTids = {
  * Не используйте переключатель в качестве навигации, для этого лучше подходят Tabs.
  */var
 
-Switcher = exports.Switcher = (0, _rootNode.rootNode)(_class = (_Switcher = /*#__PURE__*/function (_React$Component) {function Switcher() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+
+Switcher = exports.Switcher = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = (_Switcher = /*#__PURE__*/function (_React$Component) {function Switcher() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -139,8 +139,6 @@ Switcher = exports.Switcher = (0, _rootNode.rootNode)(_class = (_Switcher = /*#_
 
 
 
-
-
 
 
 
@@ -276,11 +274,11 @@ Switcher = exports.Switcher = (0, _rootNode.rootNode)(_class = (_Switcher = /*#_
     getLabelSizeClassName = function () {
       switch (_this.props.size) {
         case 'large':
-          return _Switcher2.styles.captionLarge(_this.theme);
+          return _this.styles.captionLarge(_this.theme);
         case 'medium':
-          return _Switcher2.styles.captionMedium(_this.theme);
+          return _this.styles.captionMedium(_this.theme);
         case 'small':
         default:
-          return _Switcher2.styles.captionSmall(_this.theme);
+          return _this.styles.captionSmall(_this.theme);
       }
-    };return _this;}(0, _inheritsLoose2.default)(Switcher, _React$Component);var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _cx, _cx2;var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: _Switcher2.styles.input() };var isThemeGTE_5_1 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.1');var isTheme_5_0 = !isThemeGTE_5_1;var items = /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Provider, { value: { groupAddHintAndTooltipSupport: true } }, /*#__PURE__*/_react.default.createElement(_Group.Group, { width: '100%' }, this._renderItems()));var captionClassName = (0, _Emotion.cx)(_Switcher2.styles.caption(this.theme), this.getLabelSizeClassName());var wrapperClassName = (0, _Emotion.cx)(_Switcher2.styles.wrap(), (_cx = {}, _cx[_Switcher2.styles.error5_1(this.theme)] = isThemeGTE_5_1 && this.props.error, _cx[_Switcher2.styles.wrapCustomWidth()] = this.props.width !== undefined, _cx));var errorClassName = (0, _Emotion.cx)((_cx2 = {}, _cx2[_Switcher2.styles.error(this.theme)] = isTheme_5_0 && this.props.error, _cx2));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SwitcherDataTids.root, className: _Switcher2.styles.root(), style: { width: this.props.width } }, this.props.caption ? /*#__PURE__*/_react.default.createElement("div", { className: captionClassName }, this.props.caption) : null, /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement("input", inputProps), isThemeGTE_5_1 ? items : /*#__PURE__*/_react.default.createElement("div", { className: errorClassName }, items))));};return Switcher;}(_react.default.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = { role: 'switch' }, _Switcher)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(Switcher, _React$Component);var _proto = Switcher.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Switcher2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _switcherTheme.getSwitcherTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$cx;var inputProps = { type: 'checkbox', onKeyDown: this.handleKey, onFocus: this._handleFocus, onBlur: this._handleBlur, className: this.styles.input() };var items = /*#__PURE__*/_react.default.createElement(_Group.Group, { width: '100%' }, this._renderItems());var captionClassName = this.cx(this.styles.caption(this.theme), this.getLabelSizeClassName());var wrapperClassName = this.cx(this.styles.wrap(), (_this$cx = {}, _this$cx[this.styles.error(this.theme)] = this.props.error, _this$cx[this.styles.wrapCustomWidth()] = this.props.width !== undefined, _this$cx));return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SwitcherDataTids.root, className: this.styles.root(), style: { width: this.props.width } }, this.props.caption ? /*#__PURE__*/_react.default.createElement("div", { className: captionClassName }, this.props.caption) : null, /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement("input", inputProps), items)));};return Switcher;}(_react.default.Component), _Switcher.__KONTUR_REACT_UI__ = 'Switcher', _Switcher.displayName = 'Switcher', _Switcher.defaultProps = { role: 'switch' }, _Switcher)) || _class) || _class;