@skbkontur/react-ui 4.0.0-beta.4 → 4.0.1

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js

@@ -1,11 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import debounce from 'lodash.debounce';
 import { isTestEnv } from "../../../lib/currentEnvironment";
-import { GlobalLoaderView } from "../GlabalLoaderView";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { GlobalLoaderView } from "../GlobalLoaderView";
 var currentGlobalLoader;
-export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
+export var GlobalLoader = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(GlobalLoader, _React$Component);
 
   function GlobalLoader(props) {
@@ -20,18 +26,12 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
       });
 
       _this.props.onStart == null ? void 0 : _this.props.onStart();
-
-      _this.errorTask();
     }, _this.props.delayBeforeShow);
-    _this.errorTask = debounce(function () {
-      _this.setState({
-        rejected: true
-      });
-    }, _this.props.expectedResponseTime + _this.props.overtime);
     _this.stopTask = debounce(function () {
       _this.setState({
         visible: false,
-        successAnimationInProgress: false
+        successAnimationInProgress: false,
+        started: false
       });
 
       _this.props.onDone == null ? void 0 : _this.props.onDone();
@@ -48,14 +48,14 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
         _this.setState({
           visible: false,
           done: false,
-          rejected: false
+          rejected: false,
+          accept: false,
+          started: true
         });
 
         if (_this.props.rejected) {
           _this.setReject(true);
         } else {
-          _this.errorTask.cancel();
-
           _this.stopTask.cancel();
 
           _this.startTask();
@@ -69,22 +69,18 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
         successAnimationInProgress: true
       });
 
-      _this.errorTask.cancel();
-
       _this.startTask.cancel();
 
       _this.stopTask();
     };
 
     _this.setReject = function (reject) {
-      if (!_this.state.visible && _this.props.active) {
+      if (!_this.state.visible && (_this.state.started || _this.props.active)) {
         _this.setState({
           visible: true
         });
       }
 
-      _this.errorTask.cancel();
-
       _this.startTask.cancel();
 
       _this.stopTask.cancel();
@@ -92,21 +88,21 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
       if (reject) {
         _this.props.onReject == null ? void 0 : _this.props.onReject();
       } else {
-        _this.props.onAccept == null ? void 0 : _this.props.onAccept();
+        if (_this.state.rejected) {
+          _this.setState({
+            accept: true
+          });
+
+          _this.props.onAccept == null ? void 0 : _this.props.onAccept();
+        }
       }
 
       _this.setState({
         rejected: reject
       });
-
-      if (!reject) {
-        _this.errorTask();
-      }
     };
 
     _this.kill = function () {
-      _this.errorTask.cancel();
-
       _this.stopTask.cancel();
 
       _this.startTask.cancel();
@@ -117,9 +113,11 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.state = {
+      started: false,
       visible: false,
       done: false,
       rejected: false,
+      accept: false,
       dead: false,
       successAnimationInProgress: false,
       expectedResponseTime: _this.props.expectedResponseTime
@@ -143,6 +141,12 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.expectedResponseTime !== prevProps.expectedResponseTime) {
+      this.setState({
+        expectedResponseTime: this.props.expectedResponseTime
+      });
+    }
+
     if (this.props.rejected !== prevProps.rejected) {
       this.setReject(!!this.props.rejected);
     }
@@ -167,16 +171,19 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
       status = 'success';
     } else if (this.state.rejected) {
       status = 'error';
+    } else if (this.state.accept) {
+      status = 'accept';
     }
 
-    return !this.state.dead && this.state.visible && /*#__PURE__*/React.createElement(GlobalLoaderView, {
+    return !this.state.dead && this.state.visible && /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(GlobalLoaderView, {
       expectedResponseTime: this.state.expectedResponseTime,
       delayBeforeHide: this.props.delayBeforeHide,
       status: status,
       "data-tid": "GlobalLoader",
-      disableAnimations: this.props.disableAnimations,
-      overtime: this.props.overtime
-    });
+      disableAnimations: this.props.disableAnimations
+    }));
   }
   /**
   * Запускает анимацию лоадера <br />
@@ -193,33 +200,23 @@ export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
   };
 
   return GlobalLoader;
-}(React.Component);
-GlobalLoader.defaultProps = {
+}(React.Component), _class2.defaultProps = {
   expectedResponseTime: 1000,
   delayBeforeShow: 1000,
   delayBeforeHide: 1000,
   rejected: false,
   active: false,
-  disableAnimations: isTestEnv,
-  overtime: 5000
-};
-
-GlobalLoader.start = function (expectedResponseTime) {
+  disableAnimations: isTestEnv
+}, _class2.start = function (expectedResponseTime) {
   currentGlobalLoader.setActive();
 
   if (typeof expectedResponseTime === 'number') {
     currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);
   }
-};
-
-GlobalLoader.done = function () {
+}, _class2.done = function () {
   currentGlobalLoader.setDone();
-};
-
-GlobalLoader.reject = function () {
+}, _class2.reject = function () {
   currentGlobalLoader.setReject(true);
-};
-
-GlobalLoader.accept = function () {
+}, _class2.accept = function () {
   currentGlobalLoader.setReject(false);
-};
+}, _temp)) || _class;

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","GlobalLoaderView","currentGlobalLoader","GlobalLoader","props","startTask","setState","visible","onStart","errorTask","delayBeforeShow","rejected","expectedResponseTime","overtime","stopTask","successAnimationInProgress","onDone","delayBeforeHide","setActive","cancel","state","successAnimationInProgressTimeout","setTimeout","done","setReject","setDone","reject","active","onReject","onAccept","kill","dead","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","disableAnimations","updateExpectedResponseTime","Component","defaultProps","start","accept"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlabalLoaderView';\n\nexport interface GlobalLoaderProps {\n  /**\n   * Время(ms) до появления лоадера\n   */\n  delayBeforeShow?: number;\n  /**\n   * Время(ms) до исчезновения лоадера\n   */\n  delayBeforeHide?: number;\n  /**\n   * Ожидаемое время(ms) ответа сервера\n   */\n  expectedResponseTime: number;\n  /**\n   * Добавочное время(ms) ответа сервера\n   */\n  overtime?: number;\n  /**\n   * Анимация лоадера в виде спиннера\n   */\n  rejected?: boolean;\n  /**\n   * Показывать лоадер\n   */\n  active?: boolean;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n  /**\n   * Коллбек, вызывающийся после появления лоадера\n   */\n  onStart?(): void;\n  /**\n   * Коллбек, вызывающийся после исчезновения лоадера\n   */\n  onDone?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n   * Или после установки пропа `rejected = true`\n   */\n  onReject?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n   * Или после установки пропа `rejected = false`\n   */\n  onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n  visible: boolean;\n  done: boolean;\n  rejected: boolean;\n  dead: boolean;\n  successAnimationInProgress: boolean;\n  expectedResponseTime: number;\n}\n\nlet currentGlobalLoader: GlobalLoader;\n\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n  private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n    this.errorTask();\n  }, this.props.delayBeforeShow!);\n\n  private readonly errorTask = debounce(() => {\n    this.setState({ rejected: true });\n  }, this.props.expectedResponseTime + this.props.overtime!);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false });\n    this.props.onDone?.();\n  }, this.props.delayBeforeHide!);\n\n  public static defaultProps: Partial<GlobalLoaderProps> = {\n    expectedResponseTime: 1000,\n    delayBeforeShow: 1000,\n    delayBeforeHide: 1000,\n    rejected: false,\n    active: false,\n    disableAnimations: isTestEnv,\n    overtime: 5000,\n  };\n\n  constructor(props: GlobalLoaderProps) {\n    super(props);\n    this.state = {\n      visible: false,\n      done: false,\n      rejected: false,\n      dead: false,\n      successAnimationInProgress: false,\n      expectedResponseTime: this.props.expectedResponseTime,\n    };\n    this.successAnimationInProgressTimeout = null;\n    currentGlobalLoader?.kill();\n    currentGlobalLoader = this;\n  }\n  componentDidMount() {\n    if (this.props.active) {\n      this.setActive();\n    }\n    if (this.props.rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    if (this.props.rejected !== prevProps.rejected) {\n      this.setReject(!!this.props.rejected);\n    }\n    if (this.props.active !== prevProps.active) {\n      if (this.props.active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n    if (this.state.done) {\n      status = 'success';\n    } else if (this.state.rejected) {\n      status = 'error';\n    }\n    return (\n      !this.state.dead &&\n      this.state.visible && (\n        <GlobalLoaderView\n          expectedResponseTime={this.state.expectedResponseTime}\n          delayBeforeHide={this.props.delayBeforeHide!}\n          status={status}\n          data-tid=\"GlobalLoader\"\n          disableAnimations={this.props.disableAnimations}\n          overtime={this.props.overtime!}\n        />\n      )\n    );\n  }\n\n  /**\n   * Запускает анимацию лоадера <br />\n   * Равносильно установке пропа `active = true`\n   *\n   * @public\n   */\n  public static start = (expectedResponseTime?: number) => {\n    currentGlobalLoader.setActive();\n    if (typeof expectedResponseTime === 'number') {\n      currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n    }\n  };\n\n  /**\n   * Останавливает анимацию лоадера <br />\n   * Равносильно установке пропа `active = false`\n   *\n   * @public\n   */\n  public static done = () => {\n    currentGlobalLoader.setDone();\n  };\n\n  /**\n   * Переключает анимацию лоадера в состояние спиннера <br />\n   * Равносильно установке пропа `rejected = true`\n   *\n   * @public\n   */\n  public static reject = () => {\n    currentGlobalLoader.setReject(true);\n  };\n\n  /**\n   * Возвращает анимацию лоадера <br />\n   * Равносильно установке пропа `rejected = false`\n   *\n   * @public\n   */\n  public static accept = () => {\n    currentGlobalLoader.setReject(false);\n  };\n\n  public setActive = () => {\n    this.startTask.cancel();\n    if (this.state.successAnimationInProgress) {\n      this.successAnimationInProgressTimeout = setTimeout(() => {\n        this.setActive();\n      }, this.props.delayBeforeHide);\n    } else {\n      this.setState({ visible: false, done: false, rejected: false });\n      if (this.props.rejected) {\n        this.setReject(true);\n      } else {\n        this.errorTask.cancel();\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.errorTask.cancel();\n    this.startTask.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && this.props.active) {\n      this.setState({ visible: true });\n    }\n    this.errorTask.cancel();\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else {\n      this.props.onAccept?.();\n    }\n    this.setState({ rejected: reject });\n    if (!reject) {\n      this.errorTask();\n    }\n  };\n\n  public updateExpectedResponseTime(expectedResponseTime: number) {\n    this.setState({ expectedResponseTime });\n  }\n\n  public kill = () => {\n    this.errorTask.cancel();\n    this.stopTask.cancel();\n    this.startTask.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"]}
+{"version":3,"sources":["GlobalLoader.tsx"],"names":["React","debounce","isTestEnv","CommonWrapper","rootNode","GlobalLoaderView","currentGlobalLoader","GlobalLoader","props","startTask","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","setActive","cancel","state","successAnimationInProgressTimeout","setTimeout","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","componentDidMount","componentDidUpdate","prevProps","componentWillUnmount","clearTimeout","render","status","setRootNode","disableAnimations","updateExpectedResponseTime","Component","defaultProps","start"],"mappings":"iPAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,iBAArB;;;AAGA,SAASC,SAAT,QAA0B,8BAA1B;AACA,SAASC,aAAT,QAA8B,8BAA9B;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,gBAAT,QAAwD,oBAAxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,IAAIC,mBAAJ;;;AAGA,WAAaC,YAAb,GADCH,QACD;;;;;;;;;;;;;;;;;;;;;;;AAuBE,wBAAYI,KAAZ,EAA+C;AAC7C,wCAAMA,KAAN,UAD6C,MAnB9BC,SAmB8B,GAnBlBR,QAAQ,CAAC,YAAM,CAC1C,MAAKS,QAAL,CAAc,EAAEC,OAAO,EAAE,IAAX,EAAd,EACA,MAAKH,KAAL,CAAWI,OAAX,0BAAKJ,KAAL,CAAWI,OAAX,GACD,CAHoC,EAGlC,MAAKJ,KAAL,CAAWK,eAHuB,CAmBU,OAd9BC,QAc8B,GAdnBb,QAAQ,CAAC,YAAM,CACzC,MAAKS,QAAL,CAAc,EAAEC,OAAO,EAAE,KAAX,EAAkBI,0BAA0B,EAAE,KAA9C,EAAqDC,OAAO,EAAE,KAA9D,EAAd,EACA,MAAKR,KAAL,CAAWS,MAAX,0BAAKT,KAAL,CAAWS,MAAX,GACD,CAHmC,EAGjC,MAAKT,KAAL,CAAWU,eAHsB,CAcW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiHxCC,IAAAA,SAjHwC,GAiH5B,YAAM;AACvB,YAAKV,SAAL,CAAeW,MAAf;AACA,UAAI,MAAKC,KAAL,CAAWN,0BAAf,EAA2C;AACzC,cAAKO,iCAAL,GAAyCC,UAAU,CAAC,YAAM;AACxD,gBAAKJ,SAAL;AACD,SAFkD,EAEhD,MAAKX,KAAL,CAAWU,eAFqC,CAAnD;AAGD,OAJD,MAIO;AACL,cAAKR,QAAL,CAAc,EAAEC,OAAO,EAAE,KAAX,EAAkBa,IAAI,EAAE,KAAxB,EAA+BC,QAAQ,EAAE,KAAzC,EAAgDC,MAAM,EAAE,KAAxD,EAA+DV,OAAO,EAAE,IAAxE,EAAd;AACA,YAAI,MAAKR,KAAL,CAAWiB,QAAf,EAAyB;AACvB,gBAAKE,SAAL,CAAe,IAAf;AACD,SAFD,MAEO;AACL,gBAAKb,QAAL,CAAcM,MAAd;AACA,gBAAKX,SAAL;AACD;AACF;AACF,KAhI8C;;AAkIxCmB,IAAAA,OAlIwC,GAkI9B,YAAM;AACrB,YAAKlB,QAAL,CAAc,EAAEc,IAAI,EAAE,IAAR,EAAcT,0BAA0B,EAAE,IAA1C,EAAd;AACA,YAAKN,SAAL,CAAeW,MAAf;AACA,YAAKN,QAAL;AACD,KAtI8C;;AAwIxCa,IAAAA,SAxIwC,GAwI5B,UAACE,MAAD,EAAqB;AACtC,UAAI,CAAC,MAAKR,KAAL,CAAWV,OAAZ,KAAwB,MAAKU,KAAL,CAAWL,OAAX,IAAsB,MAAKR,KAAL,CAAWsB,MAAzD,CAAJ,EAAsE;AACpE,cAAKpB,QAAL,CAAc,EAAEC,OAAO,EAAE,IAAX,EAAd;AACD;AACD,YAAKF,SAAL,CAAeW,MAAf;AACA,YAAKN,QAAL,CAAcM,MAAd;AACA,UAAIS,MAAJ,EAAY;AACV,cAAKrB,KAAL,CAAWuB,QAAX,0BAAKvB,KAAL,CAAWuB,QAAX;AACD,OAFD,MAEO;AACL,YAAI,MAAKV,KAAL,CAAWI,QAAf,EAAyB;AACvB,gBAAKf,QAAL,CAAc,EAAEgB,MAAM,EAAE,IAAV,EAAd;AACA,gBAAKlB,KAAL,CAAWwB,QAAX,0BAAKxB,KAAL,CAAWwB,QAAX;AACD;AACF;AACD,YAAKtB,QAAL,CAAc,EAAEe,QAAQ,EAAEI,MAAZ,EAAd;AACD,KAvJ8C;;;;;;AA6JxCI,IAAAA,IA7JwC,GA6JjC,YAAM;AAClB,YAAKnB,QAAL,CAAcM,MAAd;AACA,YAAKX,SAAL,CAAeW,MAAf;AACA,YAAKV,QAAL,CAAc;AACZwB,QAAAA,IAAI,EAAE,IADM,EAAd;;AAGD,KAnK8C,CAE7C,MAAKb,KAAL,GAAa,EACXL,OAAO,EAAE,KADE,EAEXL,OAAO,EAAE,KAFE,EAGXa,IAAI,EAAE,KAHK,EAIXC,QAAQ,EAAE,KAJC,EAKXC,MAAM,EAAE,KALG,EAMXQ,IAAI,EAAE,KANK,EAOXnB,0BAA0B,EAAE,KAPjB,EAQXoB,oBAAoB,EAAE,MAAK3B,KAAL,CAAW2B,oBARtB,EAAb,CAUA,MAAKb,iCAAL,GAAyC,IAAzC,CACA,wBAAAhB,mBAAmB,SAAnB,iCAAqB2B,IAArB,GACA3B,mBAAmB,gCAAnB,CAd6C,aAe9C,CAtCH,2CAuCE8B,iBAvCF,GAuCE,6BAAoB,CAClB,IAAI,KAAK5B,KAAL,CAAWsB,MAAf,EAAuB,CACrB,KAAKX,SAAL,GACD,CACD,IAAI,KAAKX,KAAL,CAAWiB,QAAf,EAAyB,CACvB,KAAKE,SAAL,CAAe,IAAf,EACD,CACF,CA9CH,QAgDEU,kBAhDF,GAgDE,4BAAmBC,SAAnB,EAA2D,CACzD,IAAI,KAAK9B,KAAL,CAAW2B,oBAAX,KAAoCG,SAAS,CAACH,oBAAlD,EAAwE,CACtE,KAAKzB,QAAL,CAAc,EAAEyB,oBAAoB,EAAE,KAAK3B,KAAL,CAAW2B,oBAAnC,EAAd,EACD,CACD,IAAI,KAAK3B,KAAL,CAAWiB,QAAX,KAAwBa,SAAS,CAACb,QAAtC,EAAgD,CAC9C,KAAKE,SAAL,CAAe,CAAC,CAAC,KAAKnB,KAAL,CAAWiB,QAA5B,EACD,CACD,IAAI,KAAKjB,KAAL,CAAWsB,MAAX,KAAsBQ,SAAS,CAACR,MAApC,EAA4C,CAC1C,IAAI,KAAKtB,KAAL,CAAWsB,MAAf,EAAuB,CACrB,KAAKX,SAAL,GACD,CAFD,MAEO,CACL,KAAKS,OAAL,GACD,CACF,CACF,CA9DH,QAgEEW,oBAhEF,GAgEE,gCAAuB,CACrB,KAAKjB,iCAAL,IAA0CkB,YAAY,CAAC,KAAKlB,iCAAN,CAAtD,CACD,CAlEH,QAoESmB,MApET,GAoEE,kBAAgB,CACd,IAAIC,MAAuC,GAAG,UAA9C,CACA,IAAI,KAAKrB,KAAL,CAAWG,IAAf,EAAqB,CACnBkB,MAAM,GAAG,SAAT,CACD,CAFD,MAEO,IAAI,KAAKrB,KAAL,CAAWI,QAAf,EAAyB,CAC9BiB,MAAM,GAAG,OAAT,CACD,CAFM,MAEA,IAAI,KAAKrB,KAAL,CAAWK,MAAf,EAAuB,CAC5BgB,MAAM,GAAG,QAAT,CACD,CACD,OACE,CAAC,KAAKrB,KAAL,CAAWa,IAAZ,IACA,KAAKb,KAAL,CAAWV,OADX,iBAEE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKgC,WAAjC,IAAkD,KAAKnC,KAAvD,gBACE,oBAAC,gBAAD,IACE,oBAAoB,EAAE,KAAKa,KAAL,CAAWc,oBADnC,EAEE,eAAe,EAAE,KAAK3B,KAAL,CAAWU,eAF9B,EAGE,MAAM,EAAEwB,MAHV,EAIE,YAAS,cAJX,EAKE,iBAAiB,EAAE,KAAKlC,KAAL,CAAWoC,iBALhC,GADF,CAHJ,CAcD,CA3FH,CA6FE;AACF;AACA;AACA;AACA;AACA,KAlGA,QAgLSC,0BAhLT,GAgLE,oCAAkCV,oBAAlC,EAAgE,CAC9D,KAAKzB,QAAL,CAAc,EAAEyB,oBAAoB,EAApBA,oBAAF,EAAd,EACD,CAlLH,uBAAkCnC,KAAK,CAAC8C,SAAxC,WAcgBC,YAdhB,GAc6C,EACzCZ,oBAAoB,EAAE,IADmB,EAEzCtB,eAAe,EAAE,IAFwB,EAGzCK,eAAe,EAAE,IAHwB,EAIzCO,QAAQ,EAAE,KAJ+B,EAKzCK,MAAM,EAAE,KALiC,EAMzCc,iBAAiB,EAAE1C,SANsB,EAd7C,UAmGgB8C,KAnGhB,GAmGwB,UAACb,oBAAD,EAAmC,CACvD7B,mBAAmB,CAACa,SAApB,GACA,IAAI,OAAOgB,oBAAP,KAAgC,QAApC,EAA8C,CAC5C7B,mBAAmB,CAACuC,0BAApB,CAA+CV,oBAA/C,EACD,CACF,CAxGH,UAgHgBX,IAhHhB,GAgHuB,YAAM,CACzBlB,mBAAmB,CAACsB,OAApB,GACD,CAlHH,UA0HgBC,MA1HhB,GA0HyB,YAAM,CAC3BvB,mBAAmB,CAACqB,SAApB,CAA8B,IAA9B,EACD,CA5HH,UAoIgBD,MApIhB,GAoIyB,YAAM,CAC3BpB,mBAAmB,CAACqB,SAApB,CAA8B,KAA9B,EACD,CAtIH","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps extends Partial<DefaultProps> {\n  /**\n   * Время(ms) до появления лоадера\n   */\n  delayBeforeShow?: number;\n  /**\n   * Время(ms) до исчезновения лоадера\n   */\n  delayBeforeHide?: number;\n  /**\n   * Ожидаемое время(ms) ответа сервера\n   */\n  expectedResponseTime: number;\n  /**\n   * Анимация лоадера в виде спиннера\n   */\n  rejected?: boolean;\n  /**\n   * Показывать лоадер\n   */\n  active?: boolean;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n  /**\n   * Коллбек, вызывающийся после появления лоадера\n   */\n  onStart?(): void;\n  /**\n   * Коллбек, вызывающийся после исчезновения лоадера\n   */\n  onDone?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.\n   * Или после установки пропа `rejected = true`\n   */\n  onReject?(): void;\n  /**\n   * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.\n   * Или после установки пропа `rejected = false`\n   */\n  onAccept?(): void;\n}\nexport interface GlobalLoaderState {\n  visible: boolean;\n  done: boolean;\n  rejected: boolean;\n  accept: boolean;\n  dead: boolean;\n  successAnimationInProgress: boolean;\n  expectedResponseTime: number;\n  started: boolean;\n}\ninterface DefaultProps {\n  expectedResponseTime: number;\n  delayBeforeShow: number;\n  delayBeforeHide: number;\n  rejected: boolean;\n  active: boolean;\n  disableAnimations: boolean;\n}\nexport type GlobalLoaderComponentProps = GlobalLoaderProps & DefaultProps;\n\nlet currentGlobalLoader: GlobalLoader;\n\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderComponentProps, GlobalLoaderState> {\n  private successAnimationInProgressTimeout: Nullable<NodeJS.Timeout>;\n  private setRootNode!: TSetRootNode;\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n  }, this.props.delayBeforeShow);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false, started: false });\n    this.props.onDone?.();\n  }, this.props.delayBeforeHide);\n\n  public static defaultProps: DefaultProps = {\n    expectedResponseTime: 1000,\n    delayBeforeShow: 1000,\n    delayBeforeHide: 1000,\n    rejected: false,\n    active: false,\n    disableAnimations: isTestEnv,\n  };\n\n  constructor(props: GlobalLoaderComponentProps) {\n    super(props);\n    this.state = {\n      started: false,\n      visible: false,\n      done: false,\n      rejected: false,\n      accept: false,\n      dead: false,\n      successAnimationInProgress: false,\n      expectedResponseTime: this.props.expectedResponseTime,\n    };\n    this.successAnimationInProgressTimeout = null;\n    currentGlobalLoader?.kill();\n    currentGlobalLoader = this;\n  }\n  componentDidMount() {\n    if (this.props.active) {\n      this.setActive();\n    }\n    if (this.props.rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    if (this.props.expectedResponseTime !== prevProps.expectedResponseTime) {\n      this.setState({ expectedResponseTime: this.props.expectedResponseTime });\n    }\n    if (this.props.rejected !== prevProps.rejected) {\n      this.setReject(!!this.props.rejected);\n    }\n    if (this.props.active !== prevProps.active) {\n      if (this.props.active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n    if (this.state.done) {\n      status = 'success';\n    } else if (this.state.rejected) {\n      status = 'error';\n    } else if (this.state.accept) {\n      status = 'accept';\n    }\n    return (\n      !this.state.dead &&\n      this.state.visible && (\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <GlobalLoaderView\n            expectedResponseTime={this.state.expectedResponseTime}\n            delayBeforeHide={this.props.delayBeforeHide}\n            status={status}\n            data-tid=\"GlobalLoader\"\n            disableAnimations={this.props.disableAnimations}\n          />\n        </CommonWrapper>\n      )\n    );\n  }\n\n  /**\n   * Запускает анимацию лоадера <br />\n   * Равносильно установке пропа `active = true`\n   *\n   * @public\n   */\n  public static start = (expectedResponseTime?: number) => {\n    currentGlobalLoader.setActive();\n    if (typeof expectedResponseTime === 'number') {\n      currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);\n    }\n  };\n\n  /**\n   * Показывает анимацию успешного завершения загрузки <br />\n   * Равносильно установке пропа `active = false`\n   *\n   * @public\n   */\n  public static done = () => {\n    currentGlobalLoader.setDone();\n  };\n\n  /**\n   * Переключает анимацию лоадера в состояние спиннера <br />\n   * Равносильно установке пропа `rejected = true`\n   *\n   * @public\n   */\n  public static reject = () => {\n    currentGlobalLoader.setReject(true);\n  };\n\n  /**\n   * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />\n   * Равносильно установке пропа `rejected = false`\n   *\n   * @public\n   */\n  public static accept = () => {\n    currentGlobalLoader.setReject(false);\n  };\n\n  public setActive = () => {\n    this.startTask.cancel();\n    if (this.state.successAnimationInProgress) {\n      this.successAnimationInProgressTimeout = setTimeout(() => {\n        this.setActive();\n      }, this.props.delayBeforeHide);\n    } else {\n      this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n      if (this.props.rejected) {\n        this.setReject(true);\n      } else {\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.startTask.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && (this.state.started || this.props.active)) {\n      this.setState({ visible: true });\n    }\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else {\n      if (this.state.rejected) {\n        this.setState({ accept: true });\n        this.props.onAccept?.();\n      }\n    }\n    this.setState({ rejected: reject });\n  };\n\n  public updateExpectedResponseTime(expectedResponseTime: number) {\n    this.setState({ expectedResponseTime });\n  }\n\n  public kill = () => {\n    this.stopTask.cancel();\n    this.startTask.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"]}

package/components/GlobalLoader/GlobalLoader.d.ts

@@ -1,102 +1,110 @@
-import React from 'react';
-export interface GlobalLoaderProps {
-    /**
-     * Время(ms) до появления лоадера
-     */
-    delayBeforeShow?: number;
-    /**
-     * Время(ms) до исчезновения лоадера
-     */
-    delayBeforeHide?: number;
-    /**
-     * Ожидаемое время(ms) ответа сервера
-     */
-    expectedResponseTime: number;
-    /**
-     * Добавочное время(ms) ответа сервера
-     */
-    overtime?: number;
-    /**
-     * Анимация лоадера в виде спиннера
-     */
-    rejected?: boolean;
-    /**
-     * Показывать лоадер
-     */
-    active?: boolean;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-    /**
-     * Коллбек, вызывающийся после появления лоадера
-     */
-    onStart?(): void;
-    /**
-     * Коллбек, вызывающийся после исчезновения лоадера
-     */
-    onDone?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
-     * Или после установки пропа `rejected = true`
-     */
-    onReject?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
-     * Или после установки пропа `rejected = false`
-     */
-    onAccept?(): void;
-}
-export interface GlobalLoaderState {
-    visible: boolean;
-    done: boolean;
-    rejected: boolean;
-    dead: boolean;
-    successAnimationInProgress: boolean;
-    expectedResponseTime: number;
-}
-export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
-    private successAnimationInProgressTimeout;
-    private readonly startTask;
-    private readonly errorTask;
-    private readonly stopTask;
-    static defaultProps: Partial<GlobalLoaderProps>;
-    constructor(props: GlobalLoaderProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
-    componentWillUnmount(): void;
-    render(): false | JSX.Element;
-    /**
-     * Запускает анимацию лоадера <br />
-     * Равносильно установке пропа `active = true`
-     *
-     * @public
-     */
-    static start: (expectedResponseTime?: number | undefined) => void;
-    /**
-     * Останавливает анимацию лоадера <br />
-     * Равносильно установке пропа `active = false`
-     *
-     * @public
-     */
-    static done: () => void;
-    /**
-     * Переключает анимацию лоадера в состояние спиннера <br />
-     * Равносильно установке пропа `rejected = true`
-     *
-     * @public
-     */
-    static reject: () => void;
-    /**
-     * Возвращает анимацию лоадера <br />
-     * Равносильно установке пропа `rejected = false`
-     *
-     * @public
-     */
-    static accept: () => void;
-    setActive: () => void;
-    setDone: () => void;
-    setReject: (reject: boolean) => void;
-    updateExpectedResponseTime(expectedResponseTime: number): void;
-    kill: () => void;
-}
+import React from 'react';
+export interface GlobalLoaderProps extends Partial<DefaultProps> {
+    /**
+     * Время(ms) до появления лоадера
+     */
+    delayBeforeShow?: number;
+    /**
+     * Время(ms) до исчезновения лоадера
+     */
+    delayBeforeHide?: number;
+    /**
+     * Ожидаемое время(ms) ответа сервера
+     */
+    expectedResponseTime: number;
+    /**
+     * Анимация лоадера в виде спиннера
+     */
+    rejected?: boolean;
+    /**
+     * Показывать лоадер
+     */
+    active?: boolean;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+    /**
+     * Коллбек, вызывающийся после появления лоадера
+     */
+    onStart?(): void;
+    /**
+     * Коллбек, вызывающийся после исчезновения лоадера
+     */
+    onDone?(): void;
+    /**
+     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
+     * Или после установки пропа `rejected = true`
+     */
+    onReject?(): void;
+    /**
+     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
+     * Или после установки пропа `rejected = false`
+     */
+    onAccept?(): void;
+}
+export interface GlobalLoaderState {
+    visible: boolean;
+    done: boolean;
+    rejected: boolean;
+    accept: boolean;
+    dead: boolean;
+    successAnimationInProgress: boolean;
+    expectedResponseTime: number;
+    started: boolean;
+}
+interface DefaultProps {
+    expectedResponseTime: number;
+    delayBeforeShow: number;
+    delayBeforeHide: number;
+    rejected: boolean;
+    active: boolean;
+    disableAnimations: boolean;
+}
+export declare type GlobalLoaderComponentProps = GlobalLoaderProps & DefaultProps;
+export declare class GlobalLoader extends React.Component<GlobalLoaderComponentProps, GlobalLoaderState> {
+    private successAnimationInProgressTimeout;
+    private setRootNode;
+    private readonly startTask;
+    private readonly stopTask;
+    static defaultProps: DefaultProps;
+    constructor(props: GlobalLoaderComponentProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>): void;
+    componentWillUnmount(): void;
+    render(): false | JSX.Element;
+    /**
+     * Запускает анимацию лоадера <br />
+     * Равносильно установке пропа `active = true`
+     *
+     * @public
+     */
+    static start: (expectedResponseTime?: number | undefined) => void;
+    /**
+     * Показывает анимацию успешного завершения загрузки <br />
+     * Равносильно установке пропа `active = false`
+     *
+     * @public
+     */
+    static done: () => void;
+    /**
+     * Переключает анимацию лоадера в состояние спиннера <br />
+     * Равносильно установке пропа `rejected = true`
+     *
+     * @public
+     */
+    static reject: () => void;
+    /**
+     * Возвращает лоадер из состояния спиннера в обычное и продолжает анимацию с того места, на котором она была прерван <br />
+     * Равносильно установке пропа `rejected = false`
+     *
+     * @public
+     */
+    static accept: () => void;
+    setActive: () => void;
+    setDone: () => void;
+    setReject: (reject: boolean) => void;
+    updateExpectedResponseTime(expectedResponseTime: number): void;
+    kill: () => void;
+}
+export {};

package/components/GlobalLoader/GlobalLoader.md

@@ -1,7 +1,7 @@
 Индикатор обмена данными с сервером.
 
-Глобальный Лоадер может быть только один в приложении. Поэтому, каждый новый экземпляр компонента 
-"убивает" предыдущий 
+Глобальный Лоадер может быть только один в приложении. Поэтому, каждый новый экземпляр компонента
+"убивает" предыдущий
 экземпляр, и начинает перехватывать статические методы.
 
 Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
@@ -20,7 +20,7 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 
 Монтирование и кастомизация:
 ```jsx harmony
-import { Button, Toggle, Gapped, Loader, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { Button, Toggle, Gapped, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
 import { GlobalLoader } from './GlobalLoader';
 
 const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
@@ -29,25 +29,31 @@ const [manually, setManually] = React.useState(false);
 const [active, setActive] = React.useState(false);
 const [error, setError] = React.useState(false);
 
+const reset = () => {
+  if (manually) {
+    setManually(false);
+    setError(false);
+    setActive(false);
+  } else {
+    setManually(true);
+  }
+}
+
 <Gapped vertical>
-  <Toggle checked={manually} onValueChange={setManually}>
+  <Toggle checked={manually} onValueChange={reset}>
     Управление пропами
   </Toggle>
-  <Loader active={!manually} component={null}>
-    <Gapped vertical>
-      <Toggle checked={active} onValueChange={setActive}>
-        <code>active</code>
-      </Toggle>
-      <Toggle checked={error} onValueChange={setError}>
-        <code>rejected</code>
-      </Toggle>
-    </Gapped>
-  </Loader>
+  <Toggle checked={active} onValueChange={setActive} disabled={!manually}>
+    <code>active</code>
+  </Toggle>
+  <Toggle checked={error} onValueChange={setError} disabled={!manually}>
+    <code>rejected</code>
+  </Toggle>
 
   <ThemeContext.Provider value={myTheme}>
     <GlobalLoader expectedResponseTime={2000} delayBeforeShow={1000} active={active} rejected={error}
-      onStart={(s) => console.log('start', s)}
-      onDone={(s) => console.log('done', s)}
+      onStart={() => console.log('start')}
+      onDone={() => console.log('done')}
       onReject={() => console.log('reject')}
       onAccept={() => console.log('accept')}
     />

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js

@@ -0,0 +1,73 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["expectedResponseTime", "delayBeforeHide", "status", "disableAnimations"];
+import React, { useContext, useRef } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ZIndex } from "../../../internal/ZIndex";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { animations, styles } from "../GlobalLoaderView.styles";
+import { useGlobalLoaderPosition, useGlobalLoaderWidth } from "../useParams";
+export var GlobalLoaderView = function GlobalLoaderView(_ref) {
+  var expectedResponseTime = _ref.expectedResponseTime,
+      delayBeforeHide = _ref.delayBeforeHide,
+      status = _ref.status,
+      disableAnimations = _ref.disableAnimations,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var ref = useRef(null);
+  var theme = useContext(ThemeContext);
+
+  var _useGlobalLoaderWidth = useGlobalLoaderWidth(status, ref),
+      width = _useGlobalLoaderWidth.width,
+      startWidth = _useGlobalLoaderWidth.startWidth,
+      fullWidth = _useGlobalLoaderWidth.fullWidth;
+
+  var _useGlobalLoaderPosit = useGlobalLoaderPosition(ref),
+      left = _useGlobalLoaderPosit.left;
+
+  var getAnimationClass = function getAnimationClass(status) {
+    if (!disableAnimations) {
+      switch (status) {
+        case 'success':
+          return animations.successAnimation(delayBeforeHide, width, left);
+
+        case 'accept':
+          if (startWidth < fullWidth * 0.8) {
+            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);
+          }
+
+          return animations.slowAcceptAnimation(theme, startWidth, width, left);
+
+        case 'error':
+          return animations.errorAnimation(theme);
+
+        case 'standard':
+          return animations.standardAnimation(theme, expectedResponseTime);
+      }
+    }
+
+    if (disableAnimations) {
+      switch (status) {
+        case 'success':
+          return styles.successWithoutAnimation();
+
+        case 'accept':
+          return animations.acceptWithoutAnimation(startWidth);
+
+        case 'error':
+          return styles.errorWithoutAnimation();
+
+        case 'standard':
+          return styles.standardWithoutAnimation();
+      }
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(CommonWrapper, rest, /*#__PURE__*/React.createElement(ZIndex, {
+    priority: "GlobalLoader",
+    className: styles.outer(theme)
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cx(styles.inner(theme), getAnimationClass(status))
+  })));
+};

package/components/GlobalLoader/GlobalLoaderView/GlobalLoaderView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GlobalLoaderView.tsx"],"names":["React","useContext","useRef","cx","ZIndex","ThemeContext","CommonWrapper","animations","styles","useGlobalLoaderPosition","useGlobalLoaderWidth","GlobalLoaderView","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","ref","theme","width","startWidth","fullWidth","left","getAnimationClass","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","outer","inner"],"mappings":"+LAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,MAA5B,QAA0C,OAA1C;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,UAAT,EAAqBC,MAArB,QAAmC,2BAAnC;AACA,SAASC,uBAAT,EAAkCC,oBAAlC,QAA8D,aAA9D;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;;;;;;AAMH,KAL3BC,oBAK2B,QAL3BA,oBAK2B,CAJ3BC,eAI2B,QAJ3BA,eAI2B,CAH3BC,MAG2B,QAH3BA,MAG2B,CAF3BC,iBAE2B,QAF3BA,iBAE2B,CADxBC,IACwB;AAC3B,MAAMC,GAAG,GAAGf,MAAM,CAAiC,IAAjC,CAAlB;AACA,MAAMgB,KAAK,GAAGjB,UAAU,CAACI,YAAD,CAAxB;AACA,8BAAyCK,oBAAoB,CAACI,MAAD,EAASG,GAAT,CAA7D,CAAQE,KAAR,yBAAQA,KAAR,CAAeC,UAAf,yBAAeA,UAAf,CAA2BC,SAA3B,yBAA2BA,SAA3B;AACA,8BAAiBZ,uBAAuB,CAACQ,GAAD,CAAxC,CAAQK,IAAR,yBAAQA,IAAR;;AAEA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACT,MAAD,EAA6C;AACrE,QAAI,CAACC,iBAAL,EAAwB;AACtB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAOP,UAAU,CAACiB,gBAAX,CAA4BX,eAA5B,EAA6CM,KAA7C,EAAoDG,IAApD,CAAP;AACF,aAAK,QAAL;AACE,cAAIF,UAAU,GAAGC,SAAS,GAAG,GAA7B,EAAkC;AAChC,mBAAOd,UAAU,CAACkB,eAAX,CAA2BP,KAA3B,EAAkCE,UAAlC,EAA8CR,oBAA9C,EAAoEO,KAApE,EAA2EG,IAA3E,CAAP;AACD;AACD,iBAAOf,UAAU,CAACmB,mBAAX,CAA+BR,KAA/B,EAAsCE,UAAtC,EAAkDD,KAAlD,EAAyDG,IAAzD,CAAP;AACF,aAAK,OAAL;AACE,iBAAOf,UAAU,CAACoB,cAAX,CAA0BT,KAA1B,CAAP;AACF,aAAK,UAAL;AACE,iBAAOX,UAAU,CAACqB,iBAAX,CAA6BV,KAA7B,EAAoCN,oBAApC,CAAP,CAXJ;;AAaD;;AAED,QAAIG,iBAAJ,EAAuB;AACrB,cAAQD,MAAR;AACE,aAAK,SAAL;AACE,iBAAON,MAAM,CAACqB,uBAAP,EAAP;AACF,aAAK,QAAL;AACE,iBAAOtB,UAAU,CAACuB,sBAAX,CAAkCV,UAAlC,CAAP;AACF,aAAK,OAAL;AACE,iBAAOZ,MAAM,CAACuB,qBAAP,EAAP;AACF,aAAK,UAAL;AACE,iBAAOvB,MAAM,CAACwB,wBAAP,EAAP,CARJ;;AAUD;AACF,GA7BD;;AA+BA;AACE,wBAAC,aAAD,EAAmBhB,IAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAC,cAAjB,EAAgC,SAAS,EAAER,MAAM,CAACyB,KAAP,CAAaf,KAAb,CAA3C;AACE,iCAAK,GAAG,EAAED,GAAV,EAAe,SAAS,EAAEd,EAAE,CAACK,MAAM,CAAC0B,KAAP,CAAahB,KAAb,CAAD,EAAsBK,iBAAiB,CAACT,MAAD,CAAvC,CAA5B,GADF,CADF,CADF;;;;AAOD,CAlDM","sourcesContent":["import React, { useContext, useRef } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { animations, styles } from './GlobalLoaderView.styles';\nimport { useGlobalLoaderPosition, useGlobalLoaderWidth } from './useParams';\n\nexport interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {\n  expectedResponseTime: number;\n  delayBeforeHide: number;\n  status?: 'success' | 'error' | 'standard' | 'accept';\n  disableAnimations: boolean;\n}\n\nexport type GlobalLoaderViewRef = {\n  element: HTMLDivElement;\n  refObject: React.RefObject<GlobalLoaderViewRef['element']>;\n};\n\nexport const GlobalLoaderView = ({\n  expectedResponseTime,\n  delayBeforeHide,\n  status,\n  disableAnimations,\n  ...rest\n}: GlobalLoaderViewProps) => {\n  const ref = useRef<GlobalLoaderViewRef['element']>(null);\n  const theme = useContext(ThemeContext);\n  const { width, startWidth, fullWidth } = useGlobalLoaderWidth(status, ref);\n  const { left } = useGlobalLoaderPosition(ref);\n\n  const getAnimationClass = (status: GlobalLoaderViewProps['status']) => {\n    if (!disableAnimations) {\n      switch (status) {\n        case 'success':\n          return animations.successAnimation(delayBeforeHide, width, left);\n        case 'accept':\n          if (startWidth < fullWidth * 0.8) {\n            return animations.acceptAnimation(theme, startWidth, expectedResponseTime, width, left);\n          }\n          return animations.slowAcceptAnimation(theme, startWidth, width, left);\n        case 'error':\n          return animations.errorAnimation(theme);\n        case 'standard':\n          return animations.standardAnimation(theme, expectedResponseTime);\n      }\n    }\n\n    if (disableAnimations) {\n      switch (status) {\n        case 'success':\n          return styles.successWithoutAnimation();\n        case 'accept':\n          return animations.acceptWithoutAnimation(startWidth);\n        case 'error':\n          return styles.errorWithoutAnimation();\n        case 'standard':\n          return styles.standardWithoutAnimation();\n      }\n    }\n  };\n\n  return (\n    <CommonWrapper {...rest}>\n      <ZIndex priority=\"GlobalLoader\" className={styles.outer(theme)}>\n        <div ref={ref} className={cx(styles.inner(theme), getAnimationClass(status))} />\n      </ZIndex>\n    </CommonWrapper>\n  );\n};\n"]}

package/components/GlobalLoader/GlobalLoaderView/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/GlobalLoader/GlobalLoaderView.js",
+  "module": "GlobalLoaderView",
+  "types": "../GlobalLoaderView.d.ts",
+  "sideEffects": false
+}

package/components/GlobalLoader/GlobalLoaderView.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
+    expectedResponseTime: number;
+    delayBeforeHide: number;
+    status?: 'success' | 'error' | 'standard' | 'accept';
+    disableAnimations: boolean;
+}
+export declare type GlobalLoaderViewRef = {
+    element: HTMLDivElement;
+    refObject: React.RefObject<GlobalLoaderViewRef['element']>;
+};
+export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, ...rest }: GlobalLoaderViewProps) => JSX.Element;