@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/cjs/components/Loader/Loader.d.ts

@@ -1,36 +1,62 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { AnyObject } from '../../lib/utils';
 import { SpinnerProps } from '../Spinner';
-export interface LoaderProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+declare const types: readonly ["mini", "normal", "big"];
+export declare type LoaderType = typeof types[number];
+export interface LoaderProps extends CommonProps {
     children?: React.ReactNode;
     /**
      * Флаг переключения состояния лоадера
      * @default false
      */
-    active: boolean;
+    active?: boolean;
+    /**
+     * Подпись под спиннером
+     */
     caption?: SpinnerProps['caption'];
-    className?: string;
-    type?: 'mini' | 'normal' | 'big';
     /**
-     * @deprecated Старое поведение спиннера - облачко при среднем и большом размере - исчезнет в 3.0 поведение пересено в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
+     * Компонент заменяющий спиннер.
+     */
+    component?: React.ReactNode;
+    /**
+     * Размер спиннера и текста
      *
-     * @default false
+     * @default normal
+     */
+    type?: LoaderType;
+    /**
+     * Время в миллисекундах для показа вуали без спиннера.
+     * @default 300
      */
-    cloud?: boolean;
+    delayBeforeSpinnerShow?: number;
+    /**
+     * Минимальное время в миллисекундах для показа спиннера
+     * @default 1000
+     */
+    minimalDelayBeforeSpinnerHide?: number;
 }
 export interface LoaderState {
     isStickySpinner: boolean;
-    spinnerStyle?: object;
+    isSpinnerVisible: boolean;
+    isLoaderActive: boolean;
+    spinnerStyle?: AnyObject;
 }
+export declare const LoaderDataTids: {
+    readonly veil: "Loader__Veil";
+    readonly spinner: "Loader__Spinner";
+};
+declare type DefaultProps = Required<Pick<LoaderProps, 'type' | 'active' | 'delayBeforeSpinnerShow' | 'minimalDelayBeforeSpinnerHide'>>;
 /**
- * DRAFT - лоадер-контейнер
+ * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
+ *
+ * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
  */
 export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        type: "normal" | "big" | "mini";
-        active: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static propTypes: {
         /**
          * показываем лоадер или нет
@@ -42,6 +68,7 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
          * @default  "Загрузка"
          */
         caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         /**
          * Класс для обертки
          */
@@ -50,28 +77,41 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
          * Тип спиннера: mini, normal, big
          *
          * @default  normal
-         *
-         * Spinner.types - все доступные типы
          */
-        type: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<"big" | "normal" | "mini">;
         /**
-         * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-         *
-         * @default false - исчезнет в 3.0
+         * Время в миллисекундах для показа вуали без спиннера.
+         * @default 300
+         */
+        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
+        /**
+         * Минимальное время в миллисекундах для показа спиннера
+         * @default 1000
          */
-        cloud: PropTypes.Requireable<boolean>;
+        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
     };
     private theme;
-    private containerNode;
+    private setRootNode;
+    private spinnerContainerNode;
+    private childrenContainerNode;
     private spinnerNode;
-    private spinnerHeight?;
     private layoutEvents;
+    private spinnerTask;
+    private childrenObserver;
     constructor(props: LoaderProps);
     componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
     componentWillUnmount(): void;
+    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
     render(): JSX.Element;
     private renderMain;
-    private wrapperRef;
+    private childrenRef;
+    private spinnerRef;
     private renderSpinner;
     private checkSpinnerPosition;
+    private disableChildrenFocus;
+    private enableChildrenFocus;
+    private makeObservable;
+    private makeUnobservable;
 }
+export {};

package/cjs/components/Loader/Loader.js

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Loader = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.LoaderDataTids = exports.Loader = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _warning = _interopRequireDefault(require("warning"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
 
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _Spinner = require("../Spinner");
@@ -9,8 +9,48 @@ var _Spinner = require("../Spinner");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _ZIndex = require("../../internal/ZIndex");
+var _CommonWrapper = require("../../internal/CommonWrapper");
+var _Emotion = require("../../lib/theming/Emotion");
+var _currentEnvironment = require("../../lib/currentEnvironment");
+var _taskWithDelayAndMinimalDuration = require("../../lib/taskWithDelayAndMinimalDuration");
+var _tabbableHelpers = require("../../lib/dom/tabbableHelpers");
+var _rootNode = require("../../lib/rootNode");
+var _getDOMRect2 = require("../../lib/dom/getDOMRect");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+
+var _Loader = require("./Loader.styles");var _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+var types = ['mini', 'normal', 'big'];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-var _Loader = require("./Loader.styles");
 
 
 
@@ -24,6 +64,22 @@ var _Loader = require("./Loader.styles");
 
 
 
+var LoaderDataTids = {
+  veil: 'Loader__Veil',
+  spinner: 'Loader__Spinner' };exports.LoaderDataTids = LoaderDataTids;
+
+
+
+
+
+
+/**
+ * Компонент `Loader` принимает внутрь себя контент, поверх которого в активном состоянии `Loader`'а будет отрисован спиннер
+ *
+ * Если вам нужен только сам спиннер без дополнительнго функционала - используйте компонент [Spinner](https://tech.skbkontur.ru/react-ui/#/Components/Spinner)
+ */var
+
+Loader = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Loader, _React$Component);
 
 
 
@@ -35,10 +91,6 @@ var _Loader = require("./Loader.styles");
 
 
 
-/**
-                                           * DRAFT - лоадер-контейнер
-                                           */var
-Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Loader, _React$Component);
 
 
 
@@ -87,7 +139,31 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
   function Loader(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.containerNode = void 0;_this.spinnerNode = void 0;_this.spinnerHeight = void 0;_this.layoutEvents = void 0;_this.
+    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(Loader.defaultProps);_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -156,10 +232,55 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    wrapperRef = function (element) {
-      _this.containerNode = element;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    childrenRef = function (element) {
+      _this.childrenContainerNode = element;
     };_this.
 
+    spinnerRef = function (element) {
+      _this.spinnerContainerNode = element;
+    };_this.
+
+
+
+
+
+
 
 
 
@@ -175,18 +296,18 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
     checkSpinnerPosition = function () {
-      if (!_this.containerNode) {
+      if (!_this.spinnerContainerNode) {
         return;
-      }var _this$containerNode$g =
-
+      }
 
+      var _getDOMRect =
 
 
 
 
 
 
-      _this.containerNode.getBoundingClientRect(),containerTop = _this$containerNode$g.top,containerRight = _this$containerNode$g.right,containerBottom = _this$containerNode$g.bottom,containerLeft = _this$containerNode$g.left,containerHeight = _this$containerNode$g.height,containerWidth = _this$containerNode$g.width;
+      (0, _getDOMRect2.getDOMRect)(_this.spinnerContainerNode),containerTop = _getDOMRect.top,containerRight = _getDOMRect.right,containerBottom = _getDOMRect.bottom,containerLeft = _getDOMRect.left,containerHeight = _getDOMRect.height,containerWidth = _getDOMRect.width;
 
       var windowHeight = window.innerHeight;
       var windowWidth = window.innerWidth;
@@ -201,7 +322,12 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         return;
       }
 
-      var spinnerStyle = {
+      var spinnerStyle =
+
+
+
+
+      {
         top: 30,
         right: 0,
         bottom: 30,
@@ -223,7 +349,10 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
       // Если знаем высоту спиннера и нижний край контейнера поднимается
       // выше отступа на высоту спиннера, то убираем верхнюю позицию лоадера
-      if (_this.spinnerHeight && spinnerStyle.bottom >= windowHeight - _this.spinnerHeight) {
+
+      var spinnerHeight = (0, _getDOMRect2.getDOMRect)(_this.spinnerNode).height;
+
+      if (spinnerHeight && spinnerStyle.bottom >= windowHeight - spinnerHeight) {
         delete spinnerStyle.top;
       }
 
@@ -244,22 +373,63 @@ Loader = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
         isStickySpinner: true,
         spinnerStyle: spinnerStyle });
 
-    };_this.containerNode = null;_this.spinnerNode = null;(0, _warning.default)(!_this.props.cloud, 'cloud is deprecated, will removed in 3.0, if you want cloud use prop component instead. ');_this.state = { isStickySpinner: false };return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {if (this.spinnerNode) {this.spinnerHeight = this.spinnerNode.children[0].getBoundingClientRect().height;}this.checkSpinnerPosition();this.layoutEvents = LayoutEvents.addListener(this.checkSpinnerPosition);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.layoutEvents) {this.layoutEvents.remove();}};_proto.render = function render() {var _this2 = this;return _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn;var _this$props = this.props,active = _this$props.active,type = _this$props.type,caption = _this$props.caption,className = _this$props.className;return _react.default.createElement("div", { style: { position: 'relative' }, className: (0, _classnames.default)(_Loader.jsStyles.loader(), className) }, _react.default.createElement(_ZIndex.ZIndex, { priority: 'Loader', applyZIndex: this.props.active, coverChildren: this.props.active, style: { height: '100%' } }, this.props.children), active && _react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.wrapperRef, priority: 'Loader', className: (0, _classnames.default)((_cn = {}, _cn[_Loader.jsStyles.active(this.theme)] = active, _cn)) }, this.renderSpinner(type, caption)));};_proto.renderSpinner = function renderSpinner(type, caption) {var _this3 = this;return _react.default.createElement("span", { className: this.state.isStickySpinner ? _Loader.jsStyles.spinnerContainerSticky() : _Loader.jsStyles.spinnerContainerCenter(), style: this.state.spinnerStyle, ref: function ref(element) {_this3.spinnerNode = element;} }, _react.default.createElement(_Spinner.Spinner, { type: type, caption: caption, cloud: this.props.cloud }));};return Loader;}(_react.default.Component);exports.Loader = Loader;Loader.__KONTUR_REACT_UI__ = 'Loader';Loader.defaultProps = { type: _Spinner.Spinner.Types.normal, active: false };Loader.propTypes = { /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  * показываем лоадер или нет
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  */active: _propTypes.default.bool, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Текст рядом с лоадером.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * @default  "Загрузка"
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */caption: _Spinner.Spinner.propTypes.caption, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      * Класс для обертки
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      */className: _propTypes.default.string, /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * Тип спиннера: mini, normal, big
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @default  normal
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * Spinner.types - все доступные типы
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */type: _propTypes.default.oneOf(Object.keys(_Spinner.Spinner.Types)), /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @deprecated Старое поведение спиннера - облачко при среднем и большом размере
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       *
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @default false - исчезнет в 3.0
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */cloud: _propTypes.default.bool };
+    };_this.
+
+    disableChildrenFocus = function () {
+      if (!_this.childrenObserver) {
+        _this.makeObservable();
+      }
+      var tabbableElements = (0, _tabbableHelpers.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 () {
+      _this.makeUnobservable();
+      // NOTE: NodeList doesn't support 'forEach' method in IE11 and other older browsers
+      Array.from(document.querySelectorAll('[origin-tabindex]')).forEach(function (el) {var _el$getAttribute;
+        el.setAttribute('tabindex', (_el$getAttribute = el.getAttribute('origin-tabindex')) != null ? _el$getAttribute : '0');
+        el.removeAttribute('origin-tabindex');
+      });
+    };_this.
+
+    makeObservable = function () {
+      var target = _this.childrenContainerNode;
+      if (!target) {
+        return;
+      }
+      var config = {
+        childList: true,
+        subtree: true };
+
+      var observer = new MutationObserver(_this.disableChildrenFocus);
+      observer.observe(target, config);
+      _this.childrenObserver = observer;
+    };_this.
+
+    makeUnobservable = function () {var _this$childrenObserve;
+      (_this$childrenObserve = _this.childrenObserver) == null ? void 0 : _this$childrenObserve.disconnect();
+      _this.childrenObserver = null;
+    };_this.spinnerContainerNode = null;_this.childrenContainerNode = null;_this.childrenObserver = null;_this.spinnerNode = null;_this.state = { isStickySpinner: false, isSpinnerVisible: false, isLoaderActive: false };_this.spinnerTask = new _taskWithDelayAndMinimalDuration.TaskWithDelayAndMinimalDuration({ delayBeforeTaskStart: _this.getProps().delayBeforeSpinnerShow, durationOfTask: _this.getProps().minimalDelayBeforeSpinnerHide, taskStartCallback: function taskStartCallback() {return _this.setState({ isSpinnerVisible: true });}, taskStopCallback: function taskStopCallback() {return _this.setState({ isSpinnerVisible: false });} });return _this;}var _proto = Loader.prototype;_proto.componentDidMount = function componentDidMount() {var active = this.getProps().active;this.checkSpinnerPosition();active && this.spinnerTask.start();this.layoutEvents = LayoutEvents.addListener((0, _lodash.default)(this.checkSpinnerPosition, 10));if (active) {this.disableChildrenFocus();}};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var component = this.props.component;var _this$getProps = this.getProps(),active = _this$getProps.active,delayBeforeSpinnerShow = _this$getProps.delayBeforeSpinnerShow,minimalDelayBeforeSpinnerHide = _this$getProps.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();}}};_proto.componentWillUnmount = function componentWillUnmount() {this.makeUnobservable();if (this.layoutEvents) {this.layoutEvents.remove();}this.spinnerTask.clearTask();};Loader.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.active && !state.isLoaderActive) {return { isLoaderActive: true };}if (state.isLoaderActive && !(props.active || state.isSpinnerVisible)) {return { isLoaderActive: false };}return state;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx;var _this$props = this.props,caption = _this$props.caption,component = _this$props.component;var type = this.getProps().type;var isLoaderActive = this.state.isLoaderActive;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { className: _Loader.styles.loader(), "data-tid": isLoaderActive ? LoaderDataTids.veil : '' }, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { applyZIndex: isLoaderActive, coverChildren: isLoaderActive, style: { height: '100%' }, wrapperRef: this.childrenRef }, this.props.children), isLoaderActive && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { wrapperRef: this.spinnerRef, className: (0, _Emotion.cx)((_cx = {}, _cx[_Loader.styles.active(this.theme)] = isLoaderActive, _cx)) }, this.state.isSpinnerVisible && this.renderSpinner(type, caption, component))));};_proto.renderSpinner = function renderSpinner(type, caption, component) {var _cx2,_this3 = this;return /*#__PURE__*/_react.default.createElement("span", { "data-tid": LoaderDataTids.spinner, className: (0, _Emotion.cx)(_Loader.styles.spinnerContainer(), (_cx2 = {}, _cx2[_Loader.styles.spinnerContainerSticky()] = this.state.isStickySpinner, _cx2)), style: this.state.spinnerStyle }, /*#__PURE__*/_react.default.createElement("div", { className: _Loader.styles.spinnerComponentWrapper(), ref: function ref(element) {_this3.spinnerNode = element;} }, component !== undefined ? component : /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: type, caption: caption })));};return Loader;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Loader', _class2.defaultProps = { type: 'normal', active: false, delayBeforeSpinnerShow: _currentEnvironment.isTestEnv ? 0 : 300, minimalDelayBeforeSpinnerHide: _currentEnvironment.isTestEnv ? 0 : 1000 }, _class2.propTypes = { /**
+   * показываем лоадер или нет
+   */active: _propTypes.default.bool, /**
+   * Текст рядом с лоадером.
+   *
+   * @default  "Загрузка"
+   */caption: _Spinner.Spinner.propTypes.caption, component: _propTypes.default.node, /**
+   * Класс для обертки
+   */className: _propTypes.default.string, /**
+   * Тип спиннера: mini, normal, big
+   *
+   * @default  normal
+   */type: _propTypes.default.oneOf(types), /**
+   * Время в миллисекундах для показа вуали без спиннера.
+   * @default 300
+   */delayBeforeSpinnerShow: _propTypes.default.number, /**
+   * Минимальное время в миллисекундах для показа спиннера
+   * @default 1000
+   */minimalDelayBeforeSpinnerHide: _propTypes.default.number }, _temp)) || _class;exports.Loader = Loader;