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

package/components/Loader/Loader.js

@@ -1,158 +1,285 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var LayoutEvents_1 = tslib_1.__importDefault(require("../../lib/LayoutEvents"));
-// Note SpinnerType нужен для генерации правильного .d.ts файла
-// @ts-ignore — Свойство "SpinnerType" объявлено, но его значение не было прочитано
-var Spinner_1 = tslib_1.__importDefault(require("../Spinner"));
-var Loader_module_less_1 = tslib_1.__importDefault(require("./Loader.module.css"));
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Loader_styles_1 = tslib_1.__importDefault(require("./Loader.styles"));
-var ThemeConsumer_1 = require("../ThemeConsumer");
-var ZIndex_1 = tslib_1.__importDefault(require("../ZIndex"));
-/**
- * DRAFT - лоадер-контейнер
- */
-var Loader = /** @class */function (_super) {
-  tslib_1.__extends(Loader, _super);
-  function Loader(props) {
-    var _this = _super.call(this, props) || this;
-    _this.wrapperRef = function (element) {
-      _this.containerNode = element;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
     };
-    _this.checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
-        return;
-      }
-      var _a = _this.containerNode.getBoundingClientRect(),containerTop = _a.top,containerRight = _a.right,containerBottom = _a.bottom,containerLeft = _a.left,containerHeight = _a.height,containerWidth = _a.width;
-      var windowHeight = window.innerHeight;
-      var windowWidth = window.innerWidth;
-      // Если контейнер не больше высоты и не шире окна,
-      // то просто выравниваем по центру
-      if (windowHeight >= containerHeight && windowWidth >= containerWidth) {
-        _this.setState({
-          isStickySpinner: false,
-          spinnerStyle: {} });
-
-        return;
-      }
-      var spinnerStyle = {
-        top: 30,
-        right: 0,
-        bottom: 30,
-        left: 0 };
-
-      // ПО ВЕРТИКАЛИ
-      // Если верхний край контейнера ниже верхнего края окна,
-      // то сдвигаем и лоадер
-      if (containerTop > 0) {
-        spinnerStyle.top = containerTop + 30;
-      }
-      // Если нижний край контейнера выше нижнего края окна,
-      // то сдвигаем и лоадер
-      if (containerBottom < windowHeight) {
-        spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;
-      }
-      // Если знаем высоту спиннера и нижний край контейнера поднимается
-      // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
-        delete spinnerStyle.top;
-      }
-      // ПО ГОРИЗОНТАЛИ
-      // Если левый край контейнера правее левого края окна,
-      // то сдвигаем и лоадер
-      if (containerLeft > 0) {
-        spinnerStyle.left = containerLeft;
-      }
-      // Если правый край контейнера левее правого края окна,
-      // то сдвигаем и лоадер
-      if (containerRight < windowWidth) {
-        spinnerStyle.right = windowWidth - containerRight;
-      }
-      _this.setState({
-        isStickySpinner: true,
-        spinnerStyle: spinnerStyle });
-
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
-    _this.containerNode = null;
-    _this.spinnerNode = null;
-    _this.state = {
-      isStickySpinner: false };
-
-    return _this;
-  }
-  Loader.prototype.componentDidMount = function () {
-    if (this.spinnerNode) {
-      this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;
-    }
-    this.checkSpinnerPosition();
-    this.layoutEvents = LayoutEvents_1["default"].addListener(this.checkSpinnerPosition);
-  };
-  Loader.prototype.componentDidUpdate = function (prevProps) {
-    if (this.props.active && !prevProps.active) {
-      this.checkSpinnerPosition();
-    }
-  };
-  Loader.prototype.componentWillUnmount = function () {
-    if (this.layoutEvents) {
-      this.layoutEvents.remove();
+})();
+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 debounce from 'lodash.debounce';
+import { isBrowser } from '../../lib/globalObject.js';
+import * as LayoutEvents from '../../lib/LayoutEvents.js';
+import { Spinner } from '../Spinner/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { ZIndex } from '../../internal/ZIndex/index.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';
+import { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { getDOMRect } from '../../lib/dom/getDOMRect.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './Loader.styles.js';
+var types = ['mini', 'normal', 'big'];
+export var LoaderDataTids = {
+    idle: 'Loader__Idle',
+    veil: 'Loader__Veil',
+    spinner: 'Loader__Spinner',
+};
+/**
+ * С помощью лоадера можно отобразить процесс выполнения задачи.
+ * Лоадер принимает в качестве дочернего элемента другой компонент или контент, который будет показан на экране.
+ * Когда происходит загрузка, поверх этого компонента или контента будет отображаться [Спиннер](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-spinner--docs).
+ */
+var Loader = /** @class */ (function (_super) {
+    __extends(Loader, _super);
+    function Loader(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(Loader_1.defaultProps);
+        _this.childrenRef = function (element) {
+            _this.childrenContainerNode = element;
+        };
+        _this.spinnerRef = function (element) {
+            _this.spinnerContainerNode = element;
+        };
+        _this.checkSpinnerPosition = function () {
+            if (!_this.spinnerContainerNode || !isBrowser(_this.globalObject)) {
+                return;
+            }
+            var _a = getDOMRect(_this.spinnerContainerNode), containerTop = _a.top, containerRight = _a.right, containerBottom = _a.bottom, containerLeft = _a.left, containerHeight = _a.height, containerWidth = _a.width;
+            var windowHeight = _this.globalObject.innerHeight;
+            var windowWidth = _this.globalObject.innerWidth;
+            // Если контейнер не больше высоты и не шире окна,
+            // то просто выравниваем по центру
+            if (windowHeight >= containerHeight && windowWidth >= containerWidth) {
+                _this.setState({
+                    isStickySpinner: false,
+                    spinnerStyle: {},
+                });
+                return;
+            }
+            var spinnerStyle = {
+                top: 30,
+                right: 0,
+                bottom: 30,
+                left: 0,
+            };
+            // ПО ВЕРТИКАЛИ
+            // Если верхний край контейнера ниже верхнего края окна,
+            // то сдвигаем и лоадер
+            if (containerTop > 0) {
+                spinnerStyle.top = containerTop + 30;
+            }
+            // Если нижний край контейнера выше нижнего края окна,
+            // то сдвигаем и лоадер
+            if (containerBottom < windowHeight) {
+                spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;
+            }
+            // Если знаем высоту спиннера и нижний край контейнера поднимается
+            // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
+            var spinnerHeight = getDOMRect(_this.spinnerNode).height;
+            if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {
+                delete spinnerStyle.top;
+            }
+            // ПО ГОРИЗОНТАЛИ
+            // Если левый край контейнера правее левого края окна,
+            // то сдвигаем и лоадер
+            if (containerLeft > 0) {
+                spinnerStyle.left = containerLeft;
+            }
+            // Если правый край контейнера левее правого края окна,
+            // то сдвигаем и лоадер
+            if (containerRight < windowWidth) {
+                spinnerStyle.right = windowWidth - containerRight;
+            }
+            _this.setState({
+                isStickySpinner: true,
+                spinnerStyle: spinnerStyle,
+            });
+        };
+        _this.disableChildrenFocus = function () {
+            if (!_this.childrenObserver) {
+                _this.makeObservable();
+            }
+            var tabbableElements = getTabbableElements(_this.childrenContainerNode);
+            tabbableElements.forEach(function (el) {
+                if (!el.hasAttribute('origin-tabindex')) {
+                    el.setAttribute('origin-tabindex', el.tabIndex.toString());
+                }
+                el.tabIndex = -1;
+            });
+        };
+        _this.enableChildrenFocus = function () {
+            var _a;
+            _this.makeUnobservable();
+            (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[origin-tabindex]').forEach(function (el) {
+                var _a;
+                el.setAttribute('tabindex', (_a = el.getAttribute('origin-tabindex')) !== null && _a !== void 0 ? _a : '0');
+                el.removeAttribute('origin-tabindex');
+            });
+        };
+        _this.makeObservable = function () {
+            var target = _this.childrenContainerNode;
+            if (!target || !_this.globalObject.MutationObserver) {
+                return;
+            }
+            var config = {
+                childList: true,
+                subtree: true,
+            };
+            var observer = new _this.globalObject.MutationObserver(_this.disableChildrenFocus);
+            observer.observe(target, config);
+            _this.childrenObserver = observer;
+        };
+        _this.makeUnobservable = function () {
+            var _a;
+            (_a = _this.childrenObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+            _this.childrenObserver = null;
+        };
+        _this.spinnerContainerNode = null;
+        _this.childrenContainerNode = null;
+        _this.childrenObserver = null;
+        _this.spinnerNode = null;
+        _this.state = {
+            isStickySpinner: false,
+            isSpinnerVisible: false,
+            isLoaderActive: false,
+        };
+        return _this;
     }
-  };
-  Loader.prototype.render = function () {
-    var _this = this;
-    return React.createElement(ThemeConsumer_1.ThemeConsumer, null, function (theme) {
-      _this.theme = theme;
-      return _this.renderMain();
-    });
-  };
-  Loader.prototype.renderMain = function () {
-    var _a;
-    var _b = this.props,active = _b.active,type = _b.type,caption = _b.caption,className = _b.className;
-    return React.createElement("div", { style: { position: 'relative' }, className: Emotion_1.cx(Loader_module_less_1["default"].loader, className) },
-    React.createElement(ZIndex_1["default"], { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children),
-    active && React.createElement(ZIndex_1["default"], { wrapperRef: this.wrapperRef, priority: 'Loader', className: Emotion_1.cx((_a = {},
-      _a[Loader_module_less_1["default"].active] = active,
-      _a[Loader_styles_1["default"].active(this.theme)] = active,
-      _a)) }, this.renderSpinner(type, caption)));
-  };
-  Loader.prototype.renderSpinner = function (type, caption) {
-    var _this = this;
-    return React.createElement("span", { className: this.state.isStickySpinner ? Loader_module_less_1["default"].spinnerContainerSticky : Loader_module_less_1["default"].spinnerContainerCenter, style: this.state.spinnerStyle, ref: function ref(element) {
-        _this.spinnerNode = element;
-      } },
-    React.createElement(Spinner_1["default"], { type: type, caption: caption }));
-  };
-  Loader.__KONTUR_REACT_UI__ = 'Loader';
-  Loader.defaultProps = {
-    type: Spinner_1["default"].Types.normal,
-    active: false };
-
-  Loader.propTypes = {
-    /**
-     * показываем лоадер или нет
-     */
-    active: PropTypes.bool,
-    /**
-     * Текст рядом с лоадером.
-     *
-     * "Загрузка" - значение по-умолчанию
-     */
-    caption: Spinner_1["default"].propTypes.caption,
-    /**
-     * Класс для обертки
-     */
-    className: PropTypes.string,
-    /**
-     * Тип спиннера: mini, normal, big
-     *
-     * Значение по-умолчанию - normal
-     *
-     * Spinner.types - все доступные типы
-     */
-    type: PropTypes.oneOf(Object.keys(Spinner_1["default"].Types)) };
-
-  return Loader;
-}(React.Component);
-exports["default"] = Loader;
+    Loader_1 = Loader;
+    Loader.prototype.componentDidMount = function () {
+        var _this = this;
+        this.spinnerTask = new TaskWithDelayAndMinimalDuration({
+            delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,
+            durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,
+            taskStartCallback: function () { return _this.setState({ isSpinnerVisible: true }); },
+            taskStopCallback: function () { return _this.setState({ isSpinnerVisible: false }); },
+        });
+        var active = this.getProps().active;
+        this.checkSpinnerPosition();
+        active && this.spinnerTask.start();
+        this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);
+        if (active) {
+            this.disableChildrenFocus();
+        }
+    };
+    Loader.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var component = this.props.component;
+        var _a = this.getProps(), active = _a.active, delayBeforeSpinnerShow = _a.delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide = _a.minimalDelayBeforeSpinnerHide;
+        var isLoaderActive = this.state.isLoaderActive;
+        if ((active && !prevProps.active) || prevProps.component !== component) {
+            this.checkSpinnerPosition();
+        }
+        if (delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||
+            minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide) {
+            this.spinnerTask.update({
+                delayBeforeTaskStart: delayBeforeSpinnerShow,
+                durationOfTask: minimalDelayBeforeSpinnerHide,
+            });
+        }
+        if (active !== prevProps.active) {
+            active ? this.spinnerTask.start() : this.spinnerTask.stop();
+        }
+        if (isLoaderActive !== prevState.isLoaderActive) {
+            if (isLoaderActive) {
+                this.disableChildrenFocus();
+            }
+            else {
+                this.enableChildrenFocus();
+            }
+        }
+    };
+    Loader.prototype.componentWillUnmount = function () {
+        this.makeUnobservable();
+        if (this.layoutEvents) {
+            this.layoutEvents.remove();
+        }
+        this.spinnerTask.clearTask();
+    };
+    Loader.getDerivedStateFromProps = function (props, state) {
+        if (props.active && !state.isLoaderActive) {
+            return {
+                isLoaderActive: true,
+            };
+        }
+        if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {
+            return {
+                isLoaderActive: false,
+            };
+        }
+        return state;
+    };
+    Loader.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();
+        }));
+    };
+    Loader.prototype.renderMain = function () {
+        var _a;
+        var _b = this.props, caption = _b.caption, component = _b.component;
+        var type = this.getProps().type;
+        var isLoaderActive = this.state.isLoaderActive;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement("div", { className: this.styles.loader(), "data-tid": this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle) },
+                React.createElement(ZIndex, { applyZIndex: isLoaderActive, coverChildren: isLoaderActive, style: { height: '100%' }, wrapperRef: this.childrenRef }, this.props.children),
+                isLoaderActive && (React.createElement(ZIndex, { wrapperRef: this.spinnerRef, className: this.cx((_a = {},
+                        _a[this.styles.active(this.theme)] = isLoaderActive,
+                        _a)) }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))))));
+    };
+    Loader.prototype.renderSpinner = function (type, caption, component) {
+        var _a;
+        var _this = this;
+        return (React.createElement("span", { "data-tid": LoaderDataTids.spinner, className: this.cx(this.styles.spinnerContainer(), (_a = {},
+                _a[this.styles.spinnerContainerSticky()] = this.state.isStickySpinner,
+                _a)), style: this.state.spinnerStyle },
+            React.createElement("div", { className: this.styles.spinnerComponentWrapper(), ref: function (element) {
+                    _this.spinnerNode = element;
+                } }, component !== undefined ? component : React.createElement(Spinner, { type: type, caption: caption }))));
+    };
+    var Loader_1;
+    Loader.__KONTUR_REACT_UI__ = 'Loader';
+    Loader.displayName = 'Loader';
+    Loader.defaultProps = {
+        type: 'normal',
+        active: false,
+        delayBeforeSpinnerShow: isTestEnv ? 0 : 300,
+        minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,
+    };
+    Loader = Loader_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Loader);
+    return Loader;
+}(React.Component));
+export { Loader };
+//# sourceMappingURL=Loader.js.map

package/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["Loader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../components/Loader/Loader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isBrowser } from '../../lib/globalObject.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport type { AnyObject } from '../../lib/utils.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { SpinnerProps } from '../Spinner/index.js';\nimport { Spinner } from '../Spinner/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { TaskWithDelayAndMinimalDuration } from '../../lib/taskWithDelayAndMinimalDuration.js';\nimport { getTabbableElements } from '../../lib/dom/tabbableHelpers.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { getDOMRect } from '../../lib/dom/getDOMRect.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { getStyles } from './Loader.styles.js';\n\nconst types = ['mini', 'normal', 'big'] as const;\n\nexport type LoaderType = (typeof types)[number];\n\nexport interface LoaderProps extends CommonProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Показывает лоадер.\n   * @default false */\n  active?: boolean;\n\n  /** Подпись под спиннером.\n   * @default  \"\"\n   */\n  caption?: SpinnerProps['caption'];\n\n  /** Задает компонент, заменяющий спиннер. */\n  component?: React.ReactNode;\n\n  /** Размер спиннера и текста.\n   * @default normal. */\n  type?: LoaderType;\n\n  /** Время в миллисекундах для показа вуали без спиннера.\n   * @default 300 */\n  delayBeforeSpinnerShow?: number;\n\n  /** Минимальное время в миллисекундах для показа спиннера.\n   * @default 1000. */\n  minimalDelayBeforeSpinnerHide?: number;\n}\n\nexport interface LoaderState {\n  isStickySpinner: boolean;\n  isSpinnerVisible: boolean;\n  isLoaderActive: boolean;\n  spinnerStyle?: AnyObject;\n}\n\nexport const LoaderDataTids = {\n  idle: 'Loader__Idle',\n  veil: 'Loader__Veil',\n  spinner: 'Loader__Spinner',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>\n>;\n\n/**\n * С помощью лоадера можно отобразить процесс выполнения задачи.\n * Лоадер принимает в качестве дочернего элемента другой компонент или контент, который будет показан на экране.\n * Когда происходит загрузка, поверх этого компонента или контента будет отображаться [Спиннер](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-spinner--docs).\n */\n@withRenderEnvironment\n@rootNode\nexport class Loader extends React.Component<LoaderProps, LoaderState> {\n  public static __KONTUR_REACT_UI__ = 'Loader';\n  public static displayName = 'Loader';\n\n  public static defaultProps: DefaultProps = {\n    type: 'normal',\n    active: false,\n    delayBeforeSpinnerShow: isTestEnv ? 0 : 300,\n    minimalDelayBeforeSpinnerHide: isTestEnv ? 0 : 1000,\n  };\n\n  private getProps = createPropsGetter(Loader.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private spinnerContainerNode: Nullable<HTMLDivElement>;\n  private childrenContainerNode: Nullable<HTMLDivElement>;\n  private spinnerNode: Nullable<HTMLDivElement>;\n  private layoutEvents: Nullable<{ remove: () => void }>;\n  private spinnerTask!: TaskWithDelayAndMinimalDuration;\n  private childrenObserver: Nullable<MutationObserver>;\n\n  constructor(props: LoaderProps) {\n    super(props);\n\n    this.spinnerContainerNode = null;\n    this.childrenContainerNode = null;\n    this.childrenObserver = null;\n    this.spinnerNode = null;\n\n    this.state = {\n      isStickySpinner: false,\n      isSpinnerVisible: false,\n      isLoaderActive: false,\n    };\n  }\n\n  public componentDidMount() {\n    this.spinnerTask = new TaskWithDelayAndMinimalDuration({\n      delayBeforeTaskStart: this.getProps().delayBeforeSpinnerShow,\n      durationOfTask: this.getProps().minimalDelayBeforeSpinnerHide,\n      taskStartCallback: () => this.setState({ isSpinnerVisible: true }),\n      taskStopCallback: () => this.setState({ isSpinnerVisible: false }),\n    });\n    const active = this.getProps().active;\n    this.checkSpinnerPosition();\n    active && this.spinnerTask.start();\n    this.layoutEvents = LayoutEvents.addListener(debounce(this.checkSpinnerPosition, 10), this.globalObject);\n\n    if (active) {\n      this.disableChildrenFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>) {\n    const { component } = this.props;\n    const { active, delayBeforeSpinnerShow, minimalDelayBeforeSpinnerHide } = this.getProps();\n    const { isLoaderActive } = this.state;\n\n    if ((active && !prevProps.active) || prevProps.component !== component) {\n      this.checkSpinnerPosition();\n    }\n\n    if (\n      delayBeforeSpinnerShow !== prevProps.delayBeforeSpinnerShow ||\n      minimalDelayBeforeSpinnerHide !== prevProps.minimalDelayBeforeSpinnerHide\n    ) {\n      this.spinnerTask.update({\n        delayBeforeTaskStart: delayBeforeSpinnerShow,\n        durationOfTask: minimalDelayBeforeSpinnerHide,\n      });\n    }\n\n    if (active !== prevProps.active) {\n      active ? this.spinnerTask.start() : this.spinnerTask.stop();\n    }\n\n    if (isLoaderActive !== prevState.isLoaderActive) {\n      if (isLoaderActive) {\n        this.disableChildrenFocus();\n      } else {\n        this.enableChildrenFocus();\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    this.makeUnobservable();\n    if (this.layoutEvents) {\n      this.layoutEvents.remove();\n    }\n    this.spinnerTask.clearTask();\n  }\n\n  public static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState> {\n    if (props.active && !state.isLoaderActive) {\n      return {\n        isLoaderActive: true,\n      };\n    }\n    if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {\n      return {\n        isLoaderActive: false,\n      };\n    }\n\n    return state;\n  }\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, component } = this.props;\n    const type = this.getProps().type;\n    const { isLoaderActive } = this.state;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div\n          className={this.styles.loader()}\n          data-tid={this.props['data-tid'] || (isLoaderActive ? LoaderDataTids.veil : LoaderDataTids.idle)}\n        >\n          <ZIndex\n            applyZIndex={isLoaderActive}\n            coverChildren={isLoaderActive}\n            style={{ height: '100%' }}\n            wrapperRef={this.childrenRef}\n          >\n            {this.props.children}\n          </ZIndex>\n          {isLoaderActive && (\n            <ZIndex\n              wrapperRef={this.spinnerRef}\n              className={this.cx({\n                [this.styles.active(this.theme)]: isLoaderActive,\n              })}\n            >\n              {this.state.isSpinnerVisible && this.renderSpinner(type, caption, component)}\n            </ZIndex>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private childrenRef = (element: HTMLDivElement | null) => {\n    this.childrenContainerNode = element;\n  };\n\n  private spinnerRef = (element: HTMLDivElement | null) => {\n    this.spinnerContainerNode = element;\n  };\n\n  private renderSpinner(type?: LoaderType, caption?: React.ReactNode, component?: React.ReactNode) {\n    return (\n      <span\n        data-tid={LoaderDataTids.spinner}\n        className={this.cx(this.styles.spinnerContainer(), {\n          [this.styles.spinnerContainerSticky()]: this.state.isStickySpinner,\n        })}\n        style={this.state.spinnerStyle}\n      >\n        <div\n          className={this.styles.spinnerComponentWrapper()}\n          ref={(element) => {\n            this.spinnerNode = element;\n          }}\n        >\n          {component !== undefined ? component : <Spinner type={type} caption={caption} />}\n        </div>\n      </span>\n    );\n  }\n\n  private checkSpinnerPosition = () => {\n    if (!this.spinnerContainerNode || !isBrowser(this.globalObject)) {\n      return;\n    }\n\n    const {\n      top: containerTop,\n      right: containerRight,\n      bottom: containerBottom,\n      left: containerLeft,\n      height: containerHeight,\n      width: containerWidth,\n    } = getDOMRect(this.spinnerContainerNode);\n\n    const windowHeight = this.globalObject.innerHeight;\n    const windowWidth = this.globalObject.innerWidth;\n\n    // Если контейнер не больше высоты и не шире окна,\n    // то просто выравниваем по центру\n    if (windowHeight >= containerHeight && windowWidth >= containerWidth) {\n      this.setState({\n        isStickySpinner: false,\n        spinnerStyle: {},\n      });\n      return;\n    }\n\n    const spinnerStyle: {\n      top?: number;\n      right: number;\n      bottom: number;\n      left: number;\n    } = {\n      top: 30,\n      right: 0,\n      bottom: 30,\n      left: 0,\n    };\n\n    // ПО ВЕРТИКАЛИ\n    // Если верхний край контейнера ниже верхнего края окна,\n    // то сдвигаем и лоадер\n    if (containerTop > 0) {\n      spinnerStyle.top = containerTop + 30;\n    }\n\n    // Если нижний край контейнера выше нижнего края окна,\n    // то сдвигаем и лоадер\n    if (containerBottom < windowHeight) {\n      spinnerStyle.bottom = Math.abs(windowHeight - containerBottom) + 30;\n    }\n\n    // Если знаем высоту спиннера и нижний край контейнера поднимается\n    // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера\n\n    const spinnerHeight = getDOMRect(this.spinnerNode).height;\n\n    if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {\n      delete spinnerStyle.top;\n    }\n\n    // ПО ГОРИЗОНТАЛИ\n    // Если левый край контейнера правее левого края окна,\n    // то сдвигаем и лоадер\n    if (containerLeft > 0) {\n      spinnerStyle.left = containerLeft;\n    }\n\n    // Если правый край контейнера левее правого края окна,\n    // то сдвигаем и лоадер\n    if (containerRight < windowWidth) {\n      spinnerStyle.right = windowWidth - containerRight;\n    }\n\n    this.setState({\n      isStickySpinner: true,\n      spinnerStyle,\n    });\n  };\n\n  private disableChildrenFocus = () => {\n    if (!this.childrenObserver) {\n      this.makeObservable();\n    }\n    const tabbableElements = getTabbableElements(this.childrenContainerNode);\n    tabbableElements.forEach((el) => {\n      if (!el.hasAttribute('origin-tabindex')) {\n        el.setAttribute('origin-tabindex', el.tabIndex.toString());\n      }\n      el.tabIndex = -1;\n    });\n  };\n\n  private enableChildrenFocus = () => {\n    this.makeUnobservable();\n\n    this.globalObject.document?.querySelectorAll('[origin-tabindex]').forEach((el) => {\n      el.setAttribute('tabindex', el.getAttribute('origin-tabindex') ?? '0');\n      el.removeAttribute('origin-tabindex');\n    });\n  };\n\n  private makeObservable = () => {\n    const target = this.childrenContainerNode;\n    if (!target || !this.globalObject.MutationObserver) {\n      return;\n    }\n    const config = {\n      childList: true,\n      subtree: true,\n    };\n    const observer = new this.globalObject.MutationObserver(this.disableChildrenFocus);\n    observer.observe(target, config);\n    this.childrenObserver = observer;\n  };\n\n  private makeUnobservable = () => {\n    this.childrenObserver?.disconnect();\n    this.childrenObserver = null;\n  };\n}\n"]}

package/components/Loader/Loader.styles.d.ts

@@ -1,5 +1,8 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    active(t: ITheme): string;
-};
-export default jsStyles;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    active(t: Theme): string;
+    loader(): string;
+    spinnerContainer(): string;
+    spinnerContainerSticky(): string;
+    spinnerComponentWrapper(): string;
+}>;

package/components/Loader/Loader.styles.js

@@ -1,11 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var jsStyles = {
-  active: function active(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      background: ", ";\n    "], ["\n      background: ", ";\n    "])), t.loaderBg);
-  } };
-
-exports["default"] = jsStyles;
-var templateObject_1;
+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';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        active: function (t) {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: ", ";\n        background: ", ";\n      }\n    "], ["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: ", ";\n        background: ", ";\n      }\n    "])), t.loaderBorderRadius, t.loaderOpacity, t.loaderBg);
+        },
+        loader: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "], ["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
+        },
+        spinnerContainer: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "], ["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
+        },
+        spinnerContainerSticky: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      position: fixed;\n    "], ["\n      position: fixed;\n    "])));
+        },
+        spinnerComponentWrapper: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      display: inline-block;\n    "], ["\n      display: inline-block;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Loader.styles.js.map

package/components/Loader/Loader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.styles.js","sourceRoot":"","sources":["Loader.styles.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAGhD,IAAM,QAAQ,GAAG;IACf,MAAM,YAAC,CAAS;QACd,OAAO,aAAG,4GAAA,sBACM,EAAU,SACzB,KADe,CAAC,CAAC,QAAQ,EACxB;IACJ,CAAC;CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"Loader.styles.js","sourceRoot":"","sources":["../../../components/Loader/Loader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,uZAAA,yBACS,EAAoB,0QAcxB,EAAe,yBACZ,EAAU,kBAE3B,KAjBkB,CAAC,CAAC,kBAAkB,EAcxB,CAAC,CAAC,aAAa,EACZ,CAAC,CAAC,QAAQ,EAE1B;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,gNAAA,6IAMT,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,yZAAA,sVAkBT,KAAC;QACJ,CAAC;QAED,sBAAsB;YACpB,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,uBAAuB;YACrB,OAAO,GAAG,yGAAA,sCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAlE8D,CAkE9D,CAAC,CAAC","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';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: ${t.loaderOpacity};\n        background: ${t.loaderBg};\n      }\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n"]}

package/components/Loader/index.d.ts

@@ -1 +1 @@
-export { default, LoaderProps } from './Loader';
+export * from './Loader.js';

package/components/Loader/index.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var Loader_1 = require("./Loader");
-exports["default"] = Loader_1["default"];
+export * from './Loader.js';
+//# sourceMappingURL=index.js.map

package/components/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;AAAA,mCAAgD;AAAvC,2BAAA,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Loader/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Loader.js';\n"]}

package/components/MaskedInput/ColorableInputElement/ColorableInputElement.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputElement, InputElementProps } from '../../Input/index.js';
+export type ColorableInputElementProps = InputElementProps & {
+    alwaysShowMask?: boolean;
+    showOnFocus?: boolean;
+    children: React.ReactElement<any>;
+};
+export declare const ColorableInputElement: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<InputElement, ColorableInputElementProps> & Record<never, never>;