@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../components/Spinner/Spinner.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/theming/Emotion.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\n\nimport { styles } from './Spinner.styles.js';\n\nconst types = ['big', 'mini', 'normal'] as const;\n\nexport type SpinnerType = (typeof types)[number];\n\nexport interface SpinnerProps extends CommonProps {\n  /** Задает подпись под спиннером.\n   * @default \"Загрузка\" */\n  caption?: React.ReactNode;\n\n  /** Переводит спиннер в \"затемнённый режим\".\n   * Цвет спиннера в \"затемнённом режиме\" определяется переменной `spinnerDimmedColor`. */\n  dimmed?: boolean;\n\n  /** Задает размер спиннера и текста.\n   * @default normal. */\n  type?: SpinnerType;\n\n  /** Уменьшает спиннер для вставки в инлайн элемент. При type = \"big\"|\"normal\" размер спиннера уменьшается. */\n  inline?: boolean;\n\n  /** Задает толщину спиннера. */\n  width?: number;\n\n  /** Задает цвет спиннера. Не работает с пропом dimmed. */\n  color?: React.CSSProperties['color'];\n}\n\nexport const SpinnerDataTids = {\n  root: 'Spinner__root',\n} as const;\n\ntype DefaultProps = Required<Pick<SpinnerProps, 'type'>>;\n\n/**\n * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.\n *\n * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.\n * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.\n *\n * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.\n */\n@rootNode\nexport class Spinner extends React.Component<SpinnerProps> {\n  public static __KONTUR_REACT_UI__ = 'Spinner';\n  public static displayName = 'Spinner';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n  };\n\n  private getProps = createPropsGetter(Spinner.defaultProps);\n\n  public static Types: Record<SpinnerType, SpinnerType> = Object.assign({}, ...types.map((type) => ({ [type]: type })));\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption = null, dimmed, inline } = this.props;\n    const type = this.getProps().type;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div data-tid={SpinnerDataTids.root} className={styles.spinner()}>\n          <span className={styles.inner()}>{this.renderSpinner(type, dimmed, inline)}</span>\n          {caption && this.renderCaption(type, caption)}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private renderSpinner = (type: SpinnerType, dimmed?: boolean, inline?: boolean) => {\n    return (\n      <SpinnerIcon\n        size={type}\n        className={cx({\n          [styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [styles.circleDimmedColor(this.theme)]: dimmed,\n          [styles.circleWithoutColorAnimation()]: dimmed || !!this.props.color,\n        })}\n        width={this.props.width}\n        color={this.props.color}\n        inline={inline}\n      />\n    );\n  };\n\n  private renderCaption = (type: SpinnerType, caption: React.ReactNode) => (\n    <span className={cx(styles[type](this.theme), styles.captionColor(this.theme))}>{caption}</span>\n  );\n}\n"]}

package/components/Spinner/Spinner.styles.d.ts

@@ -1,16 +1,16 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    circle(t: Theme): string;
-    circleDimmedColor(t: Theme): string;
-    circleWithoutColorAnimation(): string;
-    captionColor(t: Theme): string;
-    inline(): string;
-    mini(t: Theme): string;
-    small(t: Theme): string;
-    normal(t: Theme): string;
-    medium(t: Theme): string;
-    big(t: Theme): string;
-    large(t: Theme): string;
-    spinner(): string;
-    inner(): string;
-};
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const styles: {
+    circle(t: Theme): string;
+    circleDimmedColor(t: Theme): string;
+    circleWithoutColorAnimation(): string;
+    captionColor(t: Theme): string;
+    inline(): string;
+    mini(t: Theme): string;
+    small(t: Theme): string;
+    normal(t: Theme): string;
+    medium(t: Theme): string;
+    big(t: Theme): string;
+    large(t: Theme): string;
+    spinner(): string;
+    inner(): string;
+};

package/components/Spinner/Spinner.styles.js

@@ -0,0 +1,49 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css, memoizeStyle } from '../../lib/theming/Emotion.js';
+import { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';
+export var styles = memoizeStyle({
+    circle: function (t) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    "], ["\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.spinnerCircleOffset(), AnimationKeyframes.spinnerCircleLength(), AnimationKeyframes.spinnerCircleRotate(), AnimationKeyframes.spinnerColor(t));
+    },
+    circleDimmedColor: function (t) {
+        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      stroke: ", ";\n    "], ["\n      stroke: ", ";\n    "])), t.spinnerDimmedColor);
+    },
+    circleWithoutColorAnimation: function () {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\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    "], ["\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.spinnerCircleOffset(), AnimationKeyframes.spinnerCircleLength(), AnimationKeyframes.spinnerCircleRotate());
+    },
+    captionColor: function (t) {
+        return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.spinnerCaptionColor);
+    },
+    inline: function () {
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      font-size: inherit;\n      line-height: inherit;\n    "], ["\n      font-size: inherit;\n      line-height: inherit;\n    "])));
+    },
+    mini: function (t) {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin-left: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionGapSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    },
+    small: function (t) {
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginSmall, t.spinnerFontSizeSmall, t.spinnerLineHeightSmall);
+    },
+    normal: function (t) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "], ["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeMedium, t.spinnerLineHeightMedium, t.spinnerCaptionGapMedium);
+    },
+    medium: function (t) {
+        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "], ["\n      margin: ", ";\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.spinnerCaptionMarginMedium, t.spinnerFontSizeMedium, t.spinnerLineHeightMedium);
+    },
+    big: function (t) {
+        return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "], ["\n      display: block;\n      font-size: ", ";\n      line-height: ", ";\n      margin-top: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionGapLarge);
+    },
+    large: function (t) {
+        return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      margin: ", ";\n    "])), t.spinnerFontSizeLarge, t.spinnerLineHeightLarge, t.spinnerCaptionMarginLarge);
+    },
+    spinner: function () {
+        return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "], ["\n      display: inline-block;\n      text-align: center;\n      line-height: normal;\n    "])));
+    },
+    inner: function () {
+        return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
+    },
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+//# sourceMappingURL=Spinner.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../../components/Spinner/Spinner.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,IAAM,MAAM,GAAG,YAAY,CAAC;IACjC,MAAM,YAAC,CAAQ;QACb,OAAO,GAAG,yTAAA,kBACE,EAAc,iCAGpB,EAAwC,0DACxC,EAAwC,8DACxC,EAAwC,gCACxC,EAAkC,iCACvC,KAPW,CAAC,CAAC,YAAY,EAGpB,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC,EACtC;IACJ,CAAC;IACD,iBAAiB,YAAC,CAAQ;QACxB,OAAO,GAAG,gGAAA,kBACE,EAAoB,SAC/B,KADW,CAAC,CAAC,kBAAkB,EAC9B;IACJ,CAAC;IACD,2BAA2B;QACzB,OAAO,GAAG,2PAAA,8BAEJ,EAAwC,0DACxC,EAAwC,8DACxC,EAAwC,4BAC7C,KAHK,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EACxC,kBAAkB,CAAC,mBAAmB,EAAE,EAC5C;IACJ,CAAC;IAED,YAAY,YAAC,CAAQ;QACnB,OAAO,GAAG,+FAAA,iBACC,EAAqB,SAC/B,KADU,CAAC,CAAC,mBAAmB,EAC9B;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,GAAG,mIAAA,gEAGT,KAAC;IACJ,CAAC;IAED,IAAI,YAAC,CAAQ;QACX,OAAO,GAAG,uJAAA,uBACO,EAAwB,sBAC1B,EAAsB,wBACpB,EAAwB,SACxC,KAHgB,CAAC,CAAC,sBAAsB,EAC1B,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACvC;IACJ,CAAC;IAED,KAAK,YAAC,CAAQ;QACZ,OAAO,GAAG,kJAAA,kBACE,EAA2B,sBACxB,EAAsB,wBACpB,EAAwB,SACxC,KAHW,CAAC,CAAC,yBAAyB,EACxB,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACvC;IACJ,CAAC;IAED,MAAM,YAAC,CAAQ;QACb,OAAO,GAAG,6KAAA,4CAEK,EAAuB,wBACrB,EAAyB,uBAC1B,EAAyB,SACxC,KAHc,CAAC,CAAC,qBAAqB,EACrB,CAAC,CAAC,uBAAuB,EAC1B,CAAC,CAAC,uBAAuB,EACvC;IACJ,CAAC;IAED,MAAM,YAAC,CAAQ;QACb,OAAO,GAAG,kJAAA,kBACE,EAA4B,sBACzB,EAAuB,wBACrB,EAAyB,SACzC,KAHW,CAAC,CAAC,0BAA0B,EACzB,CAAC,CAAC,qBAAqB,EACrB,CAAC,CAAC,uBAAuB,EACxC;IACJ,CAAC;IAED,GAAG,YAAC,CAAQ;QACV,OAAO,GAAG,+KAAA,4CAEK,EAAsB,wBACpB,EAAwB,uBACzB,EAAwB,SACvC,KAHc,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EACzB,CAAC,CAAC,sBAAsB,EACtC;IACJ,CAAC;IAED,KAAK,YAAC,CAAQ;QACZ,OAAO,GAAG,oJAAA,qBACK,EAAsB,wBACpB,EAAwB,mBAC7B,EAA2B,SACtC,KAHc,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,sBAAsB,EAC7B,CAAC,CAAC,yBAAyB,EACrC;IACJ,CAAC;IAED,OAAO;QACL,OAAO,GAAG,kKAAA,6FAIT,KAAC;IACJ,CAAC;IAED,KAAK;QACH,OAAO,GAAG,2GAAA,sCAET,KAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { AnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';\n\nexport const styles = memoizeStyle({\n  circle(t: Theme) {\n    return 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 css`\n      stroke: ${t.spinnerDimmedColor};\n    `;\n  },\n  circleWithoutColorAnimation() {\n    return 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 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"]}

package/components/Spinner/__stories__/Spinner.stories.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { Meta } from '../../../typings/stories.js';
+declare const meta: Meta;
+export default meta;
+export declare const Normal: () => React.JSX.Element;
+export declare const Big: () => React.JSX.Element;
+export declare const Mini: () => React.JSX.Element;
+export declare const MiniDimmed: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const WithCaption: () => React.JSX.Element;
+export declare const WithCustomColor: () => React.JSX.Element;
+export declare const WithCustomWidth: () => React.JSX.Element;
+export declare const WithReactNodeInCaption: {
+    (): React.JSX.Element;
+    storyName: string;
+};
+export declare const SpinnerAndIconSameSizes: {
+    (): React.JSX.Element;
+    storyName: string;
+};

package/components/Spinner/__stories__/Spinner.stories.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Spinner } from '../Spinner.js';
+import { CheckAIcon16Regular } from '../../../internal/icons2022/CheckAIcon/CheckAIcon16Regular.js';
+var reactNodeCaption = (React.createElement("div", null,
+    React.createElement(Spinner, { type: "mini", caption: null }),
+    " ",
+    React.createElement("span", { style: { color: 'tomato', fontSize: '1.3em' } }, "\u0417"),
+    "\u0430\u0433\u0440\u0443\u0437\u043A\u0430 ..."));
+var SpinnerLikeIcon = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Spinner, { type: "mini", caption: null }),
+    "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430",
+    React.createElement("br", null),
+    React.createElement(CheckAIcon16Regular, null),
+    "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430")); };
+var meta = {
+    title: 'Spinner',
+    component: Spinner,
+    parameters: {
+        creevey: {
+            skip: {
+                'kind-skip-0': { stories: ['Big', 'Mini', 'Mini dimmed'] },
+            },
+        },
+    },
+    decorators: [
+        function (Story) { return (React.createElement("div", { style: { height: 150, width: 200, padding: 4 } },
+            React.createElement(Story, null))); },
+    ],
+};
+export default meta;
+export var Normal = function () { return React.createElement(Spinner, null); };
+export var Big = function () { return React.createElement(Spinner, { type: "big" }); };
+export var Mini = function () { return React.createElement(Spinner, { type: "mini" }); };
+export var MiniDimmed = function () { return React.createElement(Spinner, { type: "mini", dimmed: true }); };
+export var WithCaption = function () { return React.createElement(Spinner, { caption: 'Loading' }); };
+export var WithCustomColor = function () { return React.createElement(Spinner, { type: "big", color: 'pink' }); };
+export var WithCustomWidth = function () { return React.createElement(Spinner, { type: "big", width: 10 }); };
+MiniDimmed.storyName = 'Mini dimmed';
+export var WithReactNodeInCaption = function () { return React.createElement(Spinner, { type: "big", caption: reactNodeCaption }); };
+WithReactNodeInCaption.storyName = 'With ReactNode in caption';
+export var SpinnerAndIconSameSizes = function () { return React.createElement(SpinnerLikeIcon, null); };
+SpinnerAndIconSameSizes.storyName = 'Spinner and Icon same sizes';
+//# sourceMappingURL=Spinner.stories.js.map

package/components/Spinner/__stories__/Spinner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../../../components/Spinner/__stories__/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAEpG,IAAM,gBAAgB,GAAG,CACvB;IACE,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,GAAI;;IAAC,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAU;qDAEhG,CACP,CAAC;AACF,IAAM,eAAe,GAAG,cAAM,OAAA,CAC5B;IACE,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,GAAI;;IAEtC,+BAAM;IACN,oBAAC,mBAAmB,OAAG;uDAEtB,CACJ,EAR6B,CAQ7B,CAAC;AAEF,IAAM,IAAI,GAAS;IACjB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE;aAC3D;SACF;KACF;IACD,UAAU,EAAE;QACV,UAAC,KAAwB,IAAK,OAAA,CAC5B,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;YACjD,oBAAC,KAAK,OAAG,CACL,CACP,EAJ6B,CAI7B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,oBAAC,OAAO,OAAG,EAAX,CAAW,CAAC;AACxC,MAAM,CAAC,IAAM,GAAG,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,KAAK,GAAG,EAAtB,CAAsB,CAAC;AAChD,MAAM,CAAC,IAAM,IAAI,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,GAAG,EAAvB,CAAuB,CAAC;AAClD,MAAM,CAAC,IAAM,UAAU,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,MAAM,SAAG,EAA9B,CAA8B,CAAC;AAC/D,MAAM,CAAC,IAAM,WAAW,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,OAAO,EAAE,SAAS,GAAI,EAA/B,CAA+B,CAAC;AACjE,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,GAAI,EAArC,CAAqC,CAAC;AAC3E,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAI,EAAjC,CAAiC,CAAC;AACvE,UAAU,CAAC,SAAS,GAAG,aAAa,CAAC;AAErC,MAAM,CAAC,IAAM,sBAAsB,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAE,gBAAgB,GAAI,EAAjD,CAAiD,CAAC;AAC9F,sBAAsB,CAAC,SAAS,GAAG,2BAA2B,CAAC;AAE/D,MAAM,CAAC,IAAM,uBAAuB,GAAG,cAAM,OAAA,oBAAC,eAAe,OAAG,EAAnB,CAAmB,CAAC;AACjE,uBAAuB,CAAC,SAAS,GAAG,6BAA6B,CAAC","sourcesContent":["import React from 'react';\n\nimport type { Meta } from '../../../typings/stories.js';\nimport { Spinner } from '../Spinner.js';\nimport { CheckAIcon16Regular } from '../../../internal/icons2022/CheckAIcon/CheckAIcon16Regular.js';\n\nconst reactNodeCaption = (\n  <div>\n    <Spinner type=\"mini\" caption={null} /> <span style={{ color: 'tomato', fontSize: '1.3em' }}>З</span>\n    агрузка ...\n  </div>\n);\nconst SpinnerLikeIcon = () => (\n  <>\n    <Spinner type=\"mini\" caption={null} />\n    Загрузка\n    <br />\n    <CheckAIcon16Regular />\n    Загрузка\n  </>\n);\n\nconst meta: Meta = {\n  title: 'Spinner',\n  component: Spinner,\n  parameters: {\n    creevey: {\n      skip: {\n        'kind-skip-0': { stories: ['Big', 'Mini', 'Mini dimmed'] },\n      },\n    },\n  },\n  decorators: [\n    (Story: () => JSX.Element) => (\n      <div style={{ height: 150, width: 200, padding: 4 }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\n\nexport const Normal = () => <Spinner />;\nexport const Big = () => <Spinner type=\"big\" />;\nexport const Mini = () => <Spinner type=\"mini\" />;\nexport const MiniDimmed = () => <Spinner type=\"mini\" dimmed />;\nexport const WithCaption = () => <Spinner caption={'Loading'} />;\nexport const WithCustomColor = () => <Spinner type=\"big\" color={'pink'} />;\nexport const WithCustomWidth = () => <Spinner type=\"big\" width={10} />;\nMiniDimmed.storyName = 'Mini dimmed';\n\nexport const WithReactNodeInCaption = () => <Spinner type=\"big\" caption={reactNodeCaption} />;\nWithReactNodeInCaption.storyName = 'With ReactNode in caption';\n\nexport const SpinnerAndIconSameSizes = () => <SpinnerLikeIcon />;\nSpinnerAndIconSameSizes.storyName = 'Spinner and Icon same sizes';\n"]}

package/components/Spinner/__tests__/Spinner-test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Spinner/__tests__/Spinner-test.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { Spinner, SpinnerDataTids } from '../Spinner.js';
+describe('Spinner', function () {
+    it('renders default Spinner', function () {
+        var renderSpinner = function (props) {
+            if (props === void 0) { props = {}; }
+            return render(React.createElement(Spinner, __assign({}, props)));
+        };
+        expect(renderSpinner).not.toThrow();
+    });
+    it('show custom caption', function () {
+        var customCaption = 'custom';
+        render(React.createElement(Spinner, { caption: customCaption }));
+        expect(screen.getByTestId(SpinnerDataTids.root)).toHaveTextContent(customCaption);
+    });
+});
+//# sourceMappingURL=Spinner-test.js.map

package/components/Spinner/__tests__/Spinner-test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-test.js","sourceRoot":"","sources":["../../../../components/Spinner/__tests__/Spinner-test.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEzD,QAAQ,CAAC,SAAS,EAAE;IAClB,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,aAAa,GAAG,UAAC,KAAU;YAAV,sBAAA,EAAA,UAAU;YAAK,OAAA,MAAM,CAAC,oBAAC,OAAO,eAAK,KAAK,EAAI,CAAC;QAA9B,CAA8B,CAAC;QACrE,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,qBAAqB,EAAE;QACxB,IAAM,aAAa,GAAG,QAAQ,CAAC;QAC/B,MAAM,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,aAAa,GAAI,CAAC,CAAC;QAC5C,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;IACpF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render, screen } from '@testing-library/react';\n\nimport { Spinner, SpinnerDataTids } from '../Spinner.js';\n\ndescribe('Spinner', () => {\n  it('renders default Spinner', () => {\n    const renderSpinner = (props = {}) => render(<Spinner {...props} />);\n    expect(renderSpinner).not.toThrow();\n  });\n  it('show custom caption', () => {\n    const customCaption = 'custom';\n    render(<Spinner caption={customCaption} />);\n    expect(screen.getByTestId(SpinnerDataTids.root)).toHaveTextContent(customCaption);\n  });\n});\n"]}

package/components/Spinner/index.d.ts

@@ -1 +1 @@
-export * from './Spinner';
+export * from './Spinner.js';

package/components/Spinner/index.js

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

package/components/Spinner/index.js.map

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

package/components/Sticky/Sticky.d.ts

@@ -1,69 +1,61 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface StickyProps extends Omit<CommonProps, 'children'> {
-    /** Задает сторону залипания. */
-    side: 'top' | 'bottom';
-    /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.
-     * @default 0 */
-    offset?: number;
-    /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */
-    getStop?: () => Nullable<HTMLElement>;
-    /** @ignore */
-    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-}
-export interface StickyState {
-    fixed: boolean;
-    deltaHeight: number;
-    height?: number;
-    width?: number;
-    left?: number;
-    stopped: boolean;
-    relativeTop: number;
-}
-export declare const StickyDataTids: {
-    readonly root: "Sticky__root";
-};
-type DefaultProps = Required<Pick<StickyProps, 'offset'>>;
-/**
- * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.
- * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
- */
-export declare class Sticky extends React.Component<StickyProps, StickyState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
-        /**
-         * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-         */
-        getStop: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Отступ от границы в пикселях
-         */
-        offset: PropTypes.Requireable<number>;
-        side: PropTypes.Validator<string>;
-    };
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: StickyState;
-    private wrapper;
-    private inner;
-    private layoutSubscription;
-    private reflowCounter;
-    private setRootNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
-    render(): React.JSX.Element;
-    private refWrapper;
-    private refInner;
-    /**
-     * Пересчитать габариты и позицию залипшего элемента
-     *
-     * @public
-     */
-    reflow: () => void;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/types.js';
+import type { TGetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';
+import type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext/index.js';
+export interface StickyProps extends Omit<CommonProps, 'children'> {
+    /** Задает сторону залипания. */
+    side: 'top' | 'bottom';
+    /** Задает отступ от края экрана в пикселях, на который сдвигается элемент в залипшем состоянии.
+     * @default 0 */
+    offset?: number;
+    /** Задает функцию, которая возвращает DOM-элемент, который нельзя пересекать. */
+    getStop?: () => Nullable<HTMLElement>;
+    /** @ignore */
+    children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
+}
+export interface StickyState {
+    fixed: boolean;
+    deltaHeight: number;
+    height?: number;
+    width?: number;
+    left?: number;
+    stopped: boolean;
+    relativeTop: number;
+}
+export declare const StickyDataTids: {
+    readonly root: "Sticky__root";
+};
+type DefaultProps = Required<Pick<StickyProps, 'offset'>>;
+/**
+ * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.
+ * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
+ */
+export declare class Sticky extends React.Component<StickyProps, StickyState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: StickyState;
+    private wrapper;
+    private inner;
+    private layoutSubscription;
+    private reflowCounter;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    featureFlags: ReactUIFeatureFlags;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private refWrapper;
+    private refInner;
+    /**
+     * Пересчитать габариты и позицию залипшего элемента
+     *
+     * @public
+     */
+    reflow: () => void;
+}
+export {};

package/components/Sticky/Sticky.js

@@ -0,0 +1,180 @@
+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 shallowEqual from 'shallowequal';
+import { globalObject } from '@skbkontur/global-object';
+import warning from 'warning';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { isFunction } from '../../lib/utils.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { cx } from '../../lib/theming/Emotion.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { styles } from './Sticky.styles.js';
+var MAX_REFLOW_RETRIES = 5;
+export var StickyDataTids = {
+    root: 'Sticky__root',
+};
+/**
+ * `Sticky` позволяет закреплять элемент интерфейса в определенной позиции на экране при прокрутке страницы.
+ * Это полезно для создания "прилипающих" элементов, которые остаются видимыми при прокрутке содержимого.
+ */
+var Sticky = /** @class */ (function (_super) {
+    __extends(Sticky, _super);
+    function Sticky() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Sticky_1.defaultProps);
+        _this.state = {
+            fixed: false,
+            deltaHeight: 0,
+            stopped: false,
+            relativeTop: 0,
+        };
+        _this.layoutSubscription = { remove: null };
+        _this.reflowCounter = 0;
+        _this.refWrapper = function (ref) { return (_this.wrapper = ref); };
+        _this.refInner = function (ref) { return (_this.inner = ref); };
+        /**
+         * Пересчитать габариты и позицию залипшего элемента
+         *
+         * @public
+         */
+        _this.reflow = function () {
+            var _a;
+            if (!((_a = globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement)) {
+                warning(false, 'There is no "documentElement" in document');
+                return;
+            }
+            var windowHeight = globalObject.innerHeight || globalObject.document.documentElement.clientHeight;
+            if (!_this.wrapper || !_this.inner) {
+                return;
+            }
+            var _b = getDOMRect(_this.wrapper), top = _b.top, bottom = _b.bottom, left = _b.left, width = _b.width;
+            var height = getDOMRect(_this.inner).height;
+            var _c = _this.props, getStop = _c.getStop, side = _c.side;
+            var _d = _this.state, prevFixed = _d.fixed, _e = _d.height, prevHeight = _e === void 0 ? height : _e;
+            var offset = _this.getProps().offset;
+            var fixed = side === 'top' ? Math.ceil(top) < offset : Math.floor(bottom) > windowHeight - offset;
+            _this.setState({ fixed: fixed, left: left });
+            if (fixed && !prevFixed) {
+                _this.setState({ width: width, height: height });
+            }
+            if (fixed) {
+                _this.setState({ width: width });
+                var stop_1 = getStop && getStop();
+                if (stop_1) {
+                    var deltaHeight = prevHeight - height;
+                    var stopRect = getDOMRect(stop_1);
+                    var outerHeight_1 = height + offset;
+                    var stopped = false;
+                    var relativeTop = 0;
+                    if (side === 'top') {
+                        stopped = stopRect.top - outerHeight_1 < 0;
+                        relativeTop = stopRect.top - prevHeight - top;
+                    }
+                    else {
+                        stopped = stopRect.bottom + outerHeight_1 > windowHeight;
+                        relativeTop = stopRect.bottom - top;
+                    }
+                    _this.setState({ relativeTop: relativeTop, deltaHeight: deltaHeight, stopped: stopped });
+                }
+            }
+        };
+        return _this;
+    }
+    Sticky_1 = Sticky;
+    Sticky.prototype.componentDidMount = function () {
+        this.reflow();
+        this.layoutSubscription = LayoutEvents.addListener(this.reflow);
+    };
+    Sticky.prototype.componentWillUnmount = function () {
+        if (this.layoutSubscription.remove) {
+            this.layoutSubscription.remove();
+        }
+    };
+    Sticky.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (!shallowEqual(prevProps, this.props) || !shallowEqual(prevState, this.state)) {
+            if (this.reflowCounter < MAX_REFLOW_RETRIES) {
+                this.reflow();
+                this.reflowCounter += 1;
+                return;
+            }
+        }
+        this.reflowCounter = 0;
+    };
+    Sticky.prototype.render = function () {
+        return this.renderMain();
+    };
+    Sticky.prototype.renderMain = function () {
+        var _a;
+        var children = this.props.children;
+        var side = this.props.side;
+        var offset = this.getProps().offset;
+        var _b = this.state, fixed = _b.fixed, stopped = _b.stopped, relativeTop = _b.relativeTop, deltaHeight = _b.deltaHeight, width = _b.width, height = _b.height, left = _b.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 (isFunction(children)) {
+            children = children(fixed);
+        }
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": StickyDataTids.root, ref: this.refWrapper, className: styles.wrapper() },
+                React.createElement(ZIndex, { priority: "Sticky", applyZIndex: fixed, className: cx(styles.inner(), (_a = {},
+                        _a[styles.fixed()] = fixed && !stopped,
+                        _a[styles.stopped()] = stopped,
+                        _a)), style: innerStyle, wrapperRef: this.refInner },
+                    React.createElement("div", { className: styles.container() }, children)),
+                fixed && !stopped ? React.createElement("div", { style: { width: width, height: height } }) : null)));
+    };
+    var Sticky_1;
+    Sticky.__KONTUR_REACT_UI__ = 'Sticky';
+    Sticky.displayName = 'Sticky';
+    Sticky.defaultProps = { offset: 0 };
+    Sticky = Sticky_1 = __decorate([
+        rootNode
+    ], Sticky);
+    return Sticky;
+}(React.Component));
+export { Sticky };
+//# sourceMappingURL=Sticky.js.map

package/components/Sticky/Sticky.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sticky.js","sourceRoot":"","sources":["../../../components/Sticky/Sticky.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport shallowEqual from 'shallowequal';\nimport { globalObject } from '@skbkontur/global-object';\nimport warning from 'warning';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { isFunction } from '../../lib/utils.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/types.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { cx } from '../../lib/theming/Emotion.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode//rootNodeDecorator.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext/index.js';\n\nimport { styles } from './Sticky.styles.js';\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.reflow();\n        this.reflowCounter += 1;\n        return;\n      }\n    }\n    this.reflowCounter = 0;\n  }\n\n  public render() {\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={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      warning(false, 'There is no \"documentElement\" in document');\n      return;\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"]}

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

@@ -1,7 +1,7 @@
-export declare const styles: {
-    wrapper(): string;
-    inner(): string;
-    fixed(): string;
-    stopped(): string;
-    container(): string;
-};
+export declare const styles: {
+    wrapper(): string;
+    inner(): string;
+    fixed(): string;
+    stopped(): string;
+    container(): string;
+};