@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/components/SingleToast/SingleToast.js

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

package/components/SingleToast/SingleToast.js.map

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

package/components/SingleToast/index.d.ts

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

package/components/SingleToast/index.js

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

package/components/SingleToast/index.js.map

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

package/components/Spinner/Spinner.d.ts

@@ -1,59 +1,64 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-declare const types: Record<SpinnerType, SpinnerType>;
-export declare type SpinnerType = 'mini' | 'normal' | 'big';
-export interface SpinnerProps extends CommonProps {
-    caption?: React.ReactNode;
-    dimmed?: boolean;
-    /**
-     * Тип спиннера
-     * @default normal
-     */
-    type: SpinnerType;
-    inline?: boolean;
-    /**
-     * Толщина спиннера
-     */
-    width?: number;
-    /**
-     * Цвет спиннера
-     */
-    color?: React.CSSProperties['color'];
-}
-export declare const SpinnerDataTids: {
-    readonly root: "Spinner__root";
-};
-/**
- * DRAFT - инлайн-лоадер
- */
-export declare class Spinner extends React.Component<SpinnerProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        /**
-         * Текст рядом с мини-лоадером.
-         *
-         * 'Загрузка' - значение по-умолчанию
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        dimmed: PropTypes.Requireable<boolean>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * Значение по-умолчанию - normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: SpinnerProps;
-    static Types: typeof types;
-    private theme;
-    private readonly locale;
-    private setRootNode;
-    render(): JSX.Element;
-    private renderMain;
-    private renderSpinner;
-    private renderCaption;
-}
-export {};
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+declare const types: readonly ["big", "mini", "normal"];
+export type SpinnerType = (typeof types)[number];
+export interface SpinnerProps extends CommonProps {
+    /**
+     * Подпись спиннера
+     */
+    caption?: React.ReactNode;
+    /**
+     * Размер индикатора и текста
+     *
+     * @default normal
+     */
+    type?: SpinnerType;
+    /**
+     * Одноцветный режим. Удобная альтернатива пропа `dimmed`
+     */
+    color?: React.CSSProperties['color'];
+    /**
+     * Уменьшает размер индикатора для работы в строках. Если задан, то размер индикитора из `type` игнорируется
+     *
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * Толщина индикатора в пикселях.
+     *
+     * @default 2
+     */
+    width?: number;
+    /**
+     * Одноцветный режим. Цвет спиннера не переливается. Можно кастомизировать переменной `spinnerDimmedColor`
+     *
+     * @default false
+     */
+    dimmed?: boolean;
+}
+export declare const SpinnerDataTids: {
+    readonly root: "Spinner__root";
+};
+type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
+/**
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ */
+export declare class Spinner extends React.Component<SpinnerProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    static Types: Record<SpinnerType, SpinnerType>;
+    private emotion;
+    private cx;
+    private styles;
+    private theme;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderSpinner;
+    private renderCaption;
+}
+export {};

package/components/Spinner/Spinner.js

@@ -0,0 +1,107 @@
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React from 'react';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { SpinnerIcon } from '../../internal/SpinnerIcon/SpinnerIcon.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './Spinner.styles.js';
+var types = ['big', 'mini', 'normal'];
+export var SpinnerDataTids = {
+    root: 'Spinner__root',
+};
+/**
+ * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
+ */
+var Spinner = /** @class */ (function (_super) {
+    __extends(Spinner, _super);
+    function Spinner() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(Spinner_1.defaultProps);
+        _this.renderSpinner = function (type, dimmed, inline) {
+            var _a;
+            return (React.createElement(SpinnerIcon, { size: type, className: _this.cx((_a = {},
+                    _a[_this.styles.circle(_this.theme)] = !dimmed && !_this.props.color,
+                    _a[_this.styles.circleDimmedColor(_this.theme)] = dimmed,
+                    _a[_this.styles.circleWithoutColorAnimation()] = dimmed || !!_this.props.color,
+                    _a)), width: _this.props.width, color: _this.props.color, inline: inline }));
+        };
+        _this.renderCaption = function (type, caption) { return (React.createElement("span", { className: _this.cx(_this.styles[type](_this.theme), _this.styles.captionColor(_this.theme)) }, caption)); };
+        return _this;
+    }
+    Spinner_1 = Spinner;
+    Spinner.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
+    };
+    Spinner.prototype.renderMain = function () {
+        var _a = this.props, _b = _a.caption, caption = _b === void 0 ? null : _b, dimmed = _a.dimmed, inline = _a.inline;
+        var type = this.getProps().type;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { "data-tid": SpinnerDataTids.root, className: this.styles.spinner() },
+                React.createElement("span", { className: this.styles.inner() }, this.renderSpinner(type, dimmed, inline)),
+                caption && this.renderCaption(type, caption))));
+    };
+    var Spinner_1;
+    Spinner.__KONTUR_REACT_UI__ = 'Spinner';
+    Spinner.displayName = 'Spinner';
+    Spinner.defaultProps = {
+        type: 'normal',
+    };
+    Spinner.Types = Object.assign.apply(Object, __spreadArray([{}], types.map(function (type) {
+        var _a;
+        return (_a = {}, _a[type] = type, _a);
+    }), false));
+    Spinner = Spinner_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Spinner);
+    return Spinner;
+}(React.Component));
+export { Spinner };
+//# sourceMappingURL=Spinner.js.map

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';\nimport type { Emotion } from '@emotion/css/create-instance';\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/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } 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   * Подпись спиннера\n   */\n  caption?: React.ReactNode;\n\n  /**\n   * Размер индикатора и текста\n   *\n   * @default normal\n   */\n  type?: SpinnerType;\n\n  /**\n   * Одноцветный режим. Удобная альтернатива пропа `dimmed`\n   */\n  color?: React.CSSProperties['color'];\n\n  /**\n   * Уменьшает размер индикатора для работы в строках. Если задан, то размер индикитора из `type` игнорируется\n   *\n   * @default false\n   */\n  inline?: boolean;\n\n  /**\n   * Толщина индикатора в пикселях.\n   *\n   * @default 2\n   */\n  width?: number;\n\n  /**\n   * Одноцветный режим. Цвет спиннера не переливается. Можно кастомизировать переменной `spinnerDimmedColor`\n   *\n   * @default false\n   */\n  dimmed?: boolean;\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@withRenderEnvironment\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 emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  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={this.styles.spinner()}>\n          <span className={this.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={this.cx({\n          [this.styles.circle(this.theme)]: !dimmed && !this.props.color,\n          [this.styles.circleDimmedColor(this.theme)]: dimmed,\n          [this.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={this.cx(this.styles[type](this.theme), this.styles.captionColor(this.theme))}>{caption}</span>\n  );\n}\n"]}

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

@@ -1,13 +1,16 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    circle(t: Theme): string;
-    circleDimmedColor(t: Theme): string;
-    circleWithoutColorAnimation(t: Theme): string;
-    captionColor(t: Theme): string;
-    inline(): string;
-    mini(t: Theme): string;
-    normal(t: Theme): string;
-    big(t: Theme): string;
-    spinner(): string;
-    inner(): string;
-};
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    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,52 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+import { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';
+export var getStyles = memoizeGetStyles(function (emotion) {
+    var AnimationKeyframes = getAnimationKeyframes(emotion);
+    return {
+        circle: function (t) {
+            return emotion.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 emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        stroke: ", ";\n      "], ["\n        stroke: ", ";\n      "])), t.spinnerDimmedColor);
+        },
+        circleWithoutColorAnimation: function () {
+            return emotion.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 emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.spinnerCaptionColor);
+        },
+        inline: function () {
+            return emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { getAnimationKeyframes } from '../../lib/theming/AnimationKeyframes.js';\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"]}

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,62 +1,63 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface StickyProps extends CommonProps {
-    side: 'top' | 'bottom';
-    /**
-     * Отступ в пикселях от края экрана, на сколько сдвигается элемент в залипшем состоянии
-     * @default 0
-     */
-    offset: number;
-    getStop?: () => Nullable<HTMLElement>;
-    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: "Spinner__root";
-};
-export declare class Sticky extends React.Component<StickyProps, StickyState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Функция, которая возвращает DOM-элемент, который нельзя пересекать.
-         */
-        getStop: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Отступ от границы в пикселях
-         */
-        offset: PropTypes.Requireable<number>;
-        side: PropTypes.Validator<string>;
-    };
-    static defaultProps: {
-        offset: number;
-    };
-    state: StickyState;
-    private wrapper;
-    private inner;
-    private layoutSubscription;
-    private reflowCounter;
-    private setRootNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
-    render(): JSX.Element;
-    private refWrapper;
-    private refInner;
-    /**
-     * Пересчитать габариты и позицию залипшего элемента
-     *
-     * @public
-     */
-    reflow: () => void;
-}
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { TGetRootNode } from '../../lib/rootNode/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 globalObject;
+    private emotion;
+    private cx;
+    private styles;
+    private wrapper;
+    private inner;
+    private layoutSubscription;
+    private reflowCounter;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: StickyProps, prevState: StickyState): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private refWrapper;
+    private refInner;
+    /**
+     * Пересчитать габариты и позицию залипшего элемента
+     *
+     * @public
+     */
+    reflow: () => void;
+}
+export {};