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

package/components/GlobalLoader/GlabalLoaderView/package.json

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

package/components/GlobalLoader/GlabalLoaderView.d.ts

@@ -0,0 +1,8 @@
+export interface GlobalLoaderViewProps {
+    expectedResponseTime: number;
+    delayBeforeHide: number;
+    status?: 'success' | 'error' | 'standard';
+    disableAnimations: boolean;
+    overtime: number;
+}
+export declare const GlobalLoaderView: ({ expectedResponseTime, delayBeforeHide, status, disableAnimations, overtime, }: GlobalLoaderViewProps) => JSX.Element;

package/components/GlobalLoader/GlobalLoader/GlobalLoader.js

@@ -0,0 +1,225 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import debounce from 'lodash.debounce';
+import { isTestEnv } from "../../../lib/currentEnvironment";
+import { GlobalLoaderView } from "../GlabalLoaderView";
+var currentGlobalLoader;
+export var GlobalLoader = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(GlobalLoader, _React$Component);
+
+  function GlobalLoader(props) {
+    var _currentGlobalLoader;
+
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.startTask = debounce(function () {
+      _this.setState({
+        visible: true
+      });
+
+      _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
+      });
+
+      _this.props.onDone == null ? void 0 : _this.props.onDone();
+    }, _this.props.delayBeforeHide);
+
+    _this.setActive = function () {
+      _this.startTask.cancel();
+
+      if (_this.state.successAnimationInProgress) {
+        _this.successAnimationInProgressTimeout = setTimeout(function () {
+          _this.setActive();
+        }, _this.props.delayBeforeHide);
+      } else {
+        _this.setState({
+          visible: false,
+          done: false,
+          rejected: false
+        });
+
+        if (_this.props.rejected) {
+          _this.setReject(true);
+        } else {
+          _this.errorTask.cancel();
+
+          _this.stopTask.cancel();
+
+          _this.startTask();
+        }
+      }
+    };
+
+    _this.setDone = function () {
+      _this.setState({
+        done: true,
+        successAnimationInProgress: true
+      });
+
+      _this.errorTask.cancel();
+
+      _this.startTask.cancel();
+
+      _this.stopTask();
+    };
+
+    _this.setReject = function (reject) {
+      if (!_this.state.visible && _this.props.active) {
+        _this.setState({
+          visible: true
+        });
+      }
+
+      _this.errorTask.cancel();
+
+      _this.startTask.cancel();
+
+      _this.stopTask.cancel();
+
+      if (reject) {
+        _this.props.onReject == null ? void 0 : _this.props.onReject();
+      } else {
+        _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();
+
+      _this.setState({
+        dead: true
+      });
+    };
+
+    _this.state = {
+      visible: false,
+      done: false,
+      rejected: false,
+      dead: false,
+      successAnimationInProgress: false,
+      expectedResponseTime: _this.props.expectedResponseTime
+    };
+    _this.successAnimationInProgressTimeout = null;
+    (_currentGlobalLoader = currentGlobalLoader) == null ? void 0 : _currentGlobalLoader.kill();
+    currentGlobalLoader = _assertThisInitialized(_this);
+    return _this;
+  }
+
+  var _proto = GlobalLoader.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.active) {
+      this.setActive();
+    }
+
+    if (this.props.rejected) {
+      this.setReject(true);
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.rejected !== prevProps.rejected) {
+      this.setReject(!!this.props.rejected);
+    }
+
+    if (this.props.active !== prevProps.active) {
+      if (this.props.active) {
+        this.setActive();
+      } else {
+        this.setDone();
+      }
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.successAnimationInProgressTimeout && clearTimeout(this.successAnimationInProgressTimeout);
+  };
+
+  _proto.render = function render() {
+    var status = 'standard';
+
+    if (this.state.done) {
+      status = 'success';
+    } else if (this.state.rejected) {
+      status = 'error';
+    }
+
+    return !this.state.dead && this.state.visible && /*#__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
+    });
+  }
+  /**
+  * Запускает анимацию лоадера <br />
+  * Равносильно установке пропа `active = true`
+  *
+  * @public
+  */
+  ;
+
+  _proto.updateExpectedResponseTime = function updateExpectedResponseTime(expectedResponseTime) {
+    this.setState({
+      expectedResponseTime: expectedResponseTime
+    });
+  };
+
+  return GlobalLoader;
+}(React.Component);
+GlobalLoader.defaultProps = {
+  expectedResponseTime: 1000,
+  delayBeforeShow: 1000,
+  delayBeforeHide: 1000,
+  rejected: false,
+  active: false,
+  disableAnimations: isTestEnv,
+  overtime: 5000
+};
+
+GlobalLoader.start = function (expectedResponseTime) {
+  currentGlobalLoader.setActive();
+
+  if (typeof expectedResponseTime === 'number') {
+    currentGlobalLoader.updateExpectedResponseTime(expectedResponseTime);
+  }
+};
+
+GlobalLoader.done = function () {
+  currentGlobalLoader.setDone();
+};
+
+GlobalLoader.reject = function () {
+  currentGlobalLoader.setReject(true);
+};
+
+GlobalLoader.accept = function () {
+  currentGlobalLoader.setReject(false);
+};

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

@@ -0,0 +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"]}

package/components/GlobalLoader/GlobalLoader/package.json

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

package/components/GlobalLoader/GlobalLoader.d.ts

@@ -0,0 +1,102 @@
+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;
+}

package/components/GlobalLoader/GlobalLoader.md

@@ -0,0 +1,92 @@
+Индикатор обмена данными с сервером.
+
+Глобальный Лоадер может быть только один в приложении. Поэтому, каждый новый экземпляр компонента 
+"убивает" предыдущий 
+экземпляр, и начинает перехватывать статические методы.
+
+Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+
+Все статические методы:
+```jsx harmony
+import { Button, Gapped } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Button onClick={GlobalLoader.start} use="primary">start</Button>
+  <Button onClick={GlobalLoader.done} use="success">done</Button>
+  <Button onClick={GlobalLoader.reject} use="danger">reject</Button>
+  <Button onClick={GlobalLoader.accept} use="pay">accept</Button>
+</Gapped>
+```
+
+Монтирование и кастомизация:
+```jsx harmony
+import { Button, Toggle, Gapped, Loader, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { GlobalLoader } from './GlobalLoader';
+
+const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
+
+const [manually, setManually] = React.useState(false);
+const [active, setActive] = React.useState(false);
+const [error, setError] = React.useState(false);
+
+<Gapped vertical>
+  <Toggle checked={manually} onValueChange={setManually}>
+    Управление пропами
+  </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>
+
+  <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)}
+      onReject={() => console.log('reject')}
+      onAccept={() => console.log('accept')}
+    />
+  </ThemeContext.Provider>
+
+</Gapped>
+```
+
+
+Статические методы в модалке:
+```jsx harmony
+import { Button, Gapped, Modal } from '@skbkontur/react-ui';
+
+const [opened, setOpened] = React.useState(false);
+
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Заголовок</Modal.Header>
+      <Modal.Body>
+        <Gapped>
+          <Button onClick={GlobalLoader.start} use="primary">start</Button>
+          <Button onClick={GlobalLoader.done} use="success">done</Button>
+        </Gapped>
+      </Modal.Body>
+    </Modal>
+  );
+}
+
+function open() {
+  setOpened(true);
+}
+
+function close() {
+  setOpened(false);
+}
+
+<div>
+  {opened && renderModal()}
+  <Button onClick={open}>Открыть</Button>
+</div>;
+```

package/components/GlobalLoader/GlobalLoaderView.styles/GlobalLoaderView.styles.js

@@ -0,0 +1,40 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+
+import { keyframes } from '@emotion/css';
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  outer: function outer(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])), t.globalLoaderWidth, t.globalLoaderHeight, t.globalLoaderBackgroundColor, t.globalLoaderPosition, t.globalLoaderLeft, t.globalLoaderTop, t.globalLoaderRight, t.globalLoaderBottom);
+  },
+  inner: function inner(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])), t.globalLoaderColor, t.globalLoaderHeight);
+  },
+  standardWithoutAnimation: function standardWithoutAnimation() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 80%;\n    "])));
+  },
+  successWithoutAnimation: function successWithoutAnimation() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n    "])));
+  },
+  errorWithoutAnimation: function errorWithoutAnimation() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      left: 40%;\n      width: 20%;\n    "])));
+  }
+});
+var moveToRightAnimation = keyframes(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));
+var spinnerAnimation = keyframes(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));
+var linearProgressAnimation = keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
+var slowProgressAnimation = keyframes(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  from { width: 80% }\n  to { width: 100% }\n"])));
+export var animations = {
+  successAnimation: function successAnimation(delayBeforeHide, width, left) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        50% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])), delayBeforeHide, width, left);
+  },
+  errorAnimation: function errorAnimation(t) {
+    var transitionDuration = parseInt(t.globalLoaderTransitionDuration);
+    var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      left: 0;\n      width: 100%;\n      animation: ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])), moveToRightAnimation, transitionDuration, spinnerAnimationDuration, spinnerAnimation, transitionDuration);
+  },
+  standardAnimation: function standardAnimation(t, expectedTime, overtime) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      animation: ", " ", "ms ease-out,\n        ", "ms ", " ", "ms ease-out;\n    "])), linearProgressAnimation, expectedTime, overtime, slowProgressAnimation, expectedTime);
+  }
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["GlobalLoaderView.styles.ts"],"names":["keyframes","css","memoizeStyle","styles","outer","t","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","overtime"],"mappings":"6TAAA,SAASA,SAAT,QAA0B,cAA1B;;AAEA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,KADiC,iBAC3BC,CAD2B,EACjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,iBADb;AAEYD,IAAAA,CAAC,CAACE,kBAFd;AAGsBF,IAAAA,CAAC,CAACG,2BAHxB;AAIcH,IAAAA,CAAC,CAACI,oBAJhB;AAKUJ,IAAAA,CAAC,CAACK,gBALZ;AAMSL,IAAAA,CAAC,CAACM,eANX;AAOWN,IAAAA,CAAC,CAACO,iBAPb;AAQYP,IAAAA,CAAC,CAACQ,kBARd;;;AAWD,GAbgC;AAcjCC,EAAAA,KAdiC,iBAc3BT,CAd2B,EAcjB;AACd,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACU,iBADxB;;AAGYV,IAAAA,CAAC,CAACE,kBAHd;;;;;AAQD,GAvBgC;AAwBjCS,EAAAA,wBAxBiC,sCAwBN;AACzB,WAAOf,GAAP;;;;AAID,GA7BgC;AA8BjCgB,EAAAA,uBA9BiC,qCA8BP;AACxB,WAAOhB,GAAP;;;;AAID,GAnCgC;AAoCjCiB,EAAAA,qBApCiC,mCAoCT;AACtB,WAAOjB,GAAP;;;;AAID,GAzCgC,EAAD,CAA3B;;;AA4CP,IAAMkB,oBAAoB,GAAGnB,SAAH,wNAA1B;;;;;;;;;;;;;;AAcA,IAAMoB,gBAAgB,GAAGpB,SAAH,+XAAtB;;;;;;;;;;;;;AAaA,IAAMqB,uBAAuB,GAAGrB,SAAH,yHAA7B;;;;AAIA,IAAMsB,qBAAqB,GAAGtB,SAAH,2HAA3B;;;;;AAKA,OAAO,IAAMuB,UAAU,GAAG;AACxBC,EAAAA,gBADwB,4BACPC,eADO,EACkBC,KADlB,EACiCC,IADjC,EAC+C;AACrE,WAAO1B,GAAP;;AAEwBwB,IAAAA,eAFxB;;;AAKeC,IAAAA,KALf;AAMcC,IAAAA,IANd;;;;;;;;;;;;;;;;;;;AAyBD,GA3BuB;AA4BxBC,EAAAA,cA5BwB,0BA4BTvB,CA5BS,EA4BC;AACvB,QAAMwB,kBAAkB,GAAGC,QAAQ,CAACzB,CAAC,CAAC0B,8BAAH,CAAnC;AACA,QAAMC,wBAAwB,GAAGF,QAAQ,CAACzB,CAAC,CAAC4B,oCAAH,CAAzC;;AAEA,WAAOhC,GAAP;;;AAGekB,IAAAA,oBAHf,EAGuCU,kBAHvC;AAIMG,IAAAA,wBAJN,EAIoCZ,gBAJpC,EAIwDS,kBAJxD;;AAMD,GAtCuB;AAuCxBK,EAAAA,iBAvCwB,6BAuCN7B,CAvCM,EAuCI8B,YAvCJ,EAuC0BC,QAvC1B,EAuC4C;AAClE,WAAOnC,GAAP;AACeoB,IAAAA,uBADf,EAC0Cc,YAD1C;AAEMC,IAAAA,QAFN,EAEoBd,qBAFpB,EAE6Ca,YAF7C;;AAID,GA5CuB,EAAnB","sourcesContent":["import { keyframes } from '@emotion/css';\n\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 80%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80% }\n  to { width: 100% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        50% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation: ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number, overtime: number) {\n    return css`\n      animation: ${linearProgressAnimation} ${expectedTime}ms ease-out,\n        ${overtime}ms ${slowProgressAnimation} ${expectedTime}ms ease-out;\n    `;\n  },\n};\n"]}

package/components/GlobalLoader/GlobalLoaderView.styles/package.json

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

package/components/GlobalLoader/GlobalLoaderView.styles.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    outer(t: Theme): string;
+    inner(t: Theme): string;
+    standardWithoutAnimation(): string;
+    successWithoutAnimation(): string;
+    errorWithoutAnimation(): string;
+};
+export declare const animations: {
+    successAnimation(delayBeforeHide: number, width: number, left: number): string;
+    errorAnimation(t: Theme): string;
+    standardAnimation(t: Theme, expectedTime: number, overtime: number): string;
+};

package/components/GlobalLoader/index/index.js

@@ -0,0 +1 @@
+export * from "../GlobalLoader";

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from './GlobalLoader';\n"]}

package/components/GlobalLoader/index/package.json

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

package/components/GlobalLoader/index.d.ts

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

package/components/GlobalLoader/package.json

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

package/components/Group/Group/Group.js

@@ -16,21 +16,13 @@ export var Group = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
   _inheritsLoose(Group, _React$Component);
 
   function Group() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.setRootNode = void 0;
-    return _this;
+    return _React$Component.apply(this, arguments) || this;
   }
 
   var _proto = Group.prototype;
 
   _proto.render = function render() {
-    var _this2 = this;
+    var _this = this;
 
     var style = {
       width: this.props.width
@@ -74,7 +66,7 @@ export var Group = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
       }
 
       return /*#__PURE__*/React.createElement("div", {
-        className: cx((_cx2 = {}, _cx2[styles.fixed()] = !isWidthInPercent, _cx2[styles.stretch()] = isWidthInPercent, _cx2[styles.stretchFallback()] = Boolean(isWidthInPercent && _this2.props.width && (isIE11 || isEdge)), _cx2))
+        className: cx((_cx2 = {}, _cx2[styles.fixed()] = !isWidthInPercent, _cx2[styles.stretch()] = isWidthInPercent, _cx2[styles.stretchFallback()] = Boolean(isWidthInPercent && _this.props.width && (isIE11 || isEdge)), _cx2))
       }, /*#__PURE__*/React.createElement("div", {
         className: itemCss
       }, child));

package/components/Group/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Group.tsx"],"names":["React","PropTypes","isIE11","isEdge","Corners","isButton","CommonWrapper","cx","rootNode","styles","Group","setRootNode","render","style","width","props","first","last","Children","forEach","children","child","isValidElement","root","map","isWidthInPercent","Boolean","toString","includes","itemCss","item","itemFirst","corners","TOP_LEFT","BOTTOM_LEFT","TOP_RIGHT","BOTTOM_RIGHT","cloneElement","fixed","stretch","stretchFallback","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","number","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { Corners } from '../Button/Corners';\nimport { Nullable } from '../../typings/utility-types';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  private setRootNode!: TSetRootNode;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  public render() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    let first: Nullable<React.ReactElement<any>> = null;\n    let last: Nullable<React.ReactElement<any>> = null;\n\n    React.Children.forEach(this.props.children, (child) => {\n      if (child && React.isValidElement(child)) {\n        first = first || child;\n        last = child;\n      }\n    });\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span className={styles.root()} style={style}>\n          {React.Children.map(this.props.children, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n            const itemCss = cx({\n              [styles.item()]: true,\n              [styles.itemFirst()]: child === first,\n            });\n\n            let corners = 0;\n            if (child !== first) {\n              corners |= Corners.TOP_LEFT | Corners.BOTTOM_LEFT;\n            }\n            if (child !== last) {\n              corners |= Corners.TOP_RIGHT | Corners.BOTTOM_RIGHT;\n            }\n\n            if (isButton(child)) {\n              child = React.cloneElement(child, { corners });\n            }\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div className={itemCss}>{child}</div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["Group.tsx"],"names":["React","PropTypes","isIE11","isEdge","Corners","isButton","CommonWrapper","cx","rootNode","styles","Group","render","style","width","props","first","last","Children","forEach","children","child","isValidElement","setRootNode","root","map","isWidthInPercent","Boolean","toString","includes","itemCss","item","itemFirst","corners","TOP_LEFT","BOTTOM_LEFT","TOP_RIGHT","BOTTOM_RIGHT","cloneElement","fixed","stretch","stretchFallback","Component","__KONTUR_REACT_UI__","propTypes","oneOfType","number","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { Corners } from '../Button/Corners';\nimport { Nullable } from '../../typings/utility-types';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  private setRootNode!: TSetRootNode;\n\n  public static propTypes = {\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  };\n\n  public render() {\n    const style: React.CSSProperties = {\n      width: this.props.width,\n    };\n\n    let first: Nullable<React.ReactElement<any>> = null;\n    let last: Nullable<React.ReactElement<any>> = null;\n\n    React.Children.forEach(this.props.children, (child) => {\n      if (child && React.isValidElement(child)) {\n        first = first || child;\n        last = child;\n      }\n    });\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span className={styles.root()} style={style}>\n          {React.Children.map(this.props.children, (child) => {\n            if (!child || !React.isValidElement<GroupChildProps>(child)) {\n              return null;\n            }\n\n            const isWidthInPercent = Boolean(child.props.width && child.props.width.toString().includes('%'));\n            const itemCss = cx({\n              [styles.item()]: true,\n              [styles.itemFirst()]: child === first,\n            });\n\n            let corners = 0;\n            if (child !== first) {\n              corners |= Corners.TOP_LEFT | Corners.BOTTOM_LEFT;\n            }\n            if (child !== last) {\n              corners |= Corners.TOP_RIGHT | Corners.BOTTOM_RIGHT;\n            }\n\n            if (isButton(child)) {\n              child = React.cloneElement(child, { corners });\n            }\n\n            return (\n              <div\n                className={cx({\n                  [styles.fixed()]: !isWidthInPercent,\n                  [styles.stretch()]: isWidthInPercent,\n                  [styles.stretchFallback()]: Boolean(isWidthInPercent && this.props.width && (isIE11 || isEdge)),\n                })}\n              >\n                <div className={itemCss}>{child}</div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"]}