@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

package/cjs/components/FxInput/FxInput.md

@@ -1,16 +1,16 @@
-```jsx harmony
-const [auto, setAuto] = React.useState(false);
-const [value, setValue] = React.useState();
-
-function handleValueChange(value) {
-  setAuto(false);
-  setValue(value);
-}
-
-function handleRestore() {
-  setAuto(true);
-  setValue('auto');
-}
-
-<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
-```
+```jsx harmony
+const [auto, setAuto] = React.useState(false);
+const [value, setValue] = React.useState();
+
+function handleValueChange(value) {
+  setAuto(false);
+  setValue(value);
+}
+
+function handleRestore() {
+  setAuto(true);
+  setValue('auto');
+}
+
+<FxInput auto={auto} value={value} onValueChange={handleValueChange} onRestore={handleRestore} />;
+```

package/cjs/components/FxInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './FxInput';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './FxInput';\n"]}

package/cjs/components/Gapped/Gapped.d.ts

@@ -11,19 +11,24 @@ export interface GappedProps extends CommonProps {
      * Вертикальное выравнивание
      * @default "baseline"
      */
-    verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';
+    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
     /**
      * Расположение элементов по вертикали
      * @default false
      */
-    vertical: boolean;
+    vertical?: boolean;
     /**
      * Перенос элементов на новую строку при горизонтальном расположении
      * @default false
      */
-    wrap: boolean;
+    wrap?: boolean;
     children: React.ReactNode;
 }
+export declare const GappedDataTids: {
+    readonly vertical: "Gapped__vertical";
+    readonly horizontal: "Gapped__horizontal";
+};
+declare type DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;
 /**
  * Контейнер, расстояние между элементами в котором равно `gap`.
  */
@@ -43,14 +48,13 @@ export declare class Gapped extends React.Component<GappedProps> {
          */
         verticalAlign: PropTypes.Requireable<string>;
     };
-    private theme;
-    static defaultProps: {
-        wrap: boolean;
-        vertical: boolean;
-        verticalAlign: string;
-    };
+    private setRootNode;
+    static defaultProps: DefaultProps;
+    private getProps;
     render(): JSX.Element;
     private getGapValue;
     private renderVertical;
     private renderHorizontal;
+    private filterChildren;
 }
+export {};

package/cjs/components/Gapped/Gapped.js

@@ -1,10 +1,11 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Gapped = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));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.GappedDataTids = exports.Gapped = 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 _utils = require("../../lib/utils");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _class2, _temp;
 
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 
@@ -29,12 +30,18 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
 
+var GappedDataTids = {
+  vertical: 'Gapped__vertical',
+  horizontal: 'Gapped__horizontal' };exports.GappedDataTids = GappedDataTids;
 
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
+
+
+
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
  */var
-Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Gapped, _React$Component);function Gapped() {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.
 
+Gapped = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Gapped, _React$Component);function Gapped() {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.
 
 
 
@@ -53,7 +60,6 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-    theme = void 0;return _this;}var _proto = Gapped.prototype;_proto.
 
 
 
@@ -61,17 +67,14 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-  render = function render() {var _this2 = this;
-    return /*#__PURE__*/(
-      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/(
-          _react.default.createElement(_CommonWrapper.CommonWrapper, _this2.props,
-          _this2.props.vertical ? _this2.renderVertical() : _this2.renderHorizontal()));
 
 
-      }));
+    getProps = (0, _createPropsGetter.createPropsGetter)(Gapped.defaultProps);return _this;}var _proto = Gapped.prototype;_proto.
+
+  render = function render() {
+    return /*#__PURE__*/(
+      _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props),
+      this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()));
 
 
   };_proto.
@@ -79,35 +82,34 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
   getGapValue = function getGapValue() {
     // DEPRECATED remove in 4.0
     var propsGap = this.props.gap;
-    if (propsGap !== undefined && propsGap !== null) {
+    if ((0, _utils.isNonNullable)(propsGap)) {
       return propsGap;
-    } else {
-      var gap = (0, _ThemeHelpers.is8pxTheme)(this.theme) ? 8 : 10;
-      return gap;
     }
+
+    return 8;
   };_proto.
 
   renderVertical = function renderVertical() {
     var subsequentItemStyle = {
       paddingTop: this.getGapValue() };
 
-    var isFirst = true;
-    var children = _react.default.Children.map(this.props.children, function (child) {
-      if (!child) {
-        return child;
-      }
-      var style = isFirst ? undefined : subsequentItemStyle;
+    var children = _react.default.Children.toArray(this.props.children).
+    filter(this.filterChildren).
+    map(function (child, index) {
+      var style = index === 0 ? undefined : subsequentItemStyle;
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { style: style, key: index },
+        child));
 
-      isFirst = false;
 
-      return /*#__PURE__*/_react.default.createElement("div", { style: style }, child);
     });
 
-    return /*#__PURE__*/_react.default.createElement("div", null, children);
+    return /*#__PURE__*/_react.default.createElement("div", { "data-tid": GappedDataTids.vertical }, children);
   };_proto.
 
-  renderHorizontal = function renderHorizontal() {var _this$props =
-    this.props,children = _this$props.children,verticalAlign = _this$props.verticalAlign,wrap = _this$props.wrap;
+  renderHorizontal = function renderHorizontal() {
+    var _this$props = this.props,children = _this$props.children,verticalAlign = _this$props.verticalAlign;
+    var wrap = this.getProps().wrap;
     var gap = this.getGapValue();
     var itemStyle = (0, _extends2.default)({
       display: 'inline-block',
@@ -118,9 +120,11 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
     var contStyle = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };
 
     return /*#__PURE__*/(
-      _react.default.createElement("div", { style: rootStyle }, /*#__PURE__*/
+      _react.default.createElement("div", { "data-tid": GappedDataTids.horizontal, style: rootStyle }, /*#__PURE__*/
       _react.default.createElement("div", { style: contStyle },
-      _react.default.Children.toArray(children).map(function (child, index) {
+      _react.default.Children.toArray(children).
+      filter(this.filterChildren).
+      map(function (child, index) {
         var marginLeft = index === 0 ? undefined : gap;
         return /*#__PURE__*/(
           _react.default.createElement("span", { key: index, style: (0, _extends2.default)({ marginLeft: marginLeft }, itemStyle) },
@@ -131,10 +135,14 @@ Gapped = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
 
 
 
-  };return Gapped;}(_react.default.Component);exports.Gapped = Gapped;Gapped.__KONTUR_REACT_UI__ = 'Gapped';Gapped.propTypes = { /**
-   * Расстояние между элементами.
-   */gap: _propTypes.default.number, /**
-   * Располагать элементы вертикально.
-   */vertical: _propTypes.default.bool, /**
-   * Вертикальное выравнивание элементов.
-   */verticalAlign: _propTypes.default.oneOf(['top', 'middle', 'baseline', 'bottom']) };Gapped.defaultProps = { wrap: false, vertical: false, verticalAlign: 'baseline' };
+  };_proto.
+
+  filterChildren = function filterChildren(child) {
+    return Boolean(child) || typeof child === 'number';
+  };return Gapped;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Gapped', _class2.propTypes = { /**
+   * Расстояние между элементами.
+   */gap: _propTypes.default.number, /**
+   * Располагать элементы вертикально.
+   */vertical: _propTypes.default.bool, /**
+   * Вертикальное выравнивание элементов.
+   */verticalAlign: _propTypes.default.oneOf(['top', 'middle', 'baseline', 'bottom']) }, _class2.defaultProps = { wrap: false, vertical: false, verticalAlign: 'baseline' }, _temp)) || _class;exports.Gapped = Gapped;

package/cjs/components/Gapped/Gapped.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Gapped.tsx"],"names":["Gapped","theme","render","props","vertical","renderVertical","renderHorizontal","getGapValue","propsGap","gap","undefined","subsequentItemStyle","paddingTop","isFirst","children","React","Children","map","child","style","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","toArray","index","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nexport interface GappedProps extends CommonProps {\r\n  /**\r\n   * Расстояние между элементами в пикселях\r\n   * @default 8\r\n   */\r\n  gap?: number;\r\n  /**\r\n   * Вертикальное выравнивание\r\n   * @default \"baseline\"\r\n   */\r\n  verticalAlign: 'top' | 'middle' | 'baseline' | 'bottom';\r\n  /**\r\n   * Расположение элементов по вертикали\r\n   * @default false\r\n   */\r\n  vertical: boolean;\r\n  /**\r\n   * Перенос элементов на новую строку при горизонтальном расположении\r\n   * @default false\r\n   */\r\n  wrap: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Контейнер, расстояние между элементами в котором равно `gap`.\r\n */\r\nexport class Gapped extends React.Component<GappedProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Gapped';\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Расстояние между элементами.\r\n     */\r\n    gap: PropTypes.number,\r\n\r\n    /**\r\n     * Располагать элементы вертикально.\r\n     */\r\n    vertical: PropTypes.bool,\r\n\r\n    /**\r\n     * Вертикальное выравнивание элементов.\r\n     */\r\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public static defaultProps = {\r\n    wrap: false,\r\n    vertical: false,\r\n    verticalAlign: 'baseline',\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <CommonWrapper {...this.props}>\r\n              {this.props.vertical ? this.renderVertical() : this.renderHorizontal()}\r\n            </CommonWrapper>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private getGapValue() {\r\n    // DEPRECATED remove in 4.0\r\n    const { gap: propsGap } = this.props;\r\n    if (propsGap !== undefined && propsGap !== null) {\r\n      return propsGap;\r\n    } else {\r\n      const gap = is8pxTheme(this.theme) ? 8 : 10;\r\n      return gap;\r\n    }\r\n  }\r\n\r\n  private renderVertical() {\r\n    const subsequentItemStyle: React.CSSProperties = {\r\n      paddingTop: this.getGapValue(),\r\n    };\r\n    let isFirst = true;\r\n    const children = React.Children.map(this.props.children, child => {\r\n      if (!child) {\r\n        return child;\r\n      }\r\n      const style = isFirst ? undefined : subsequentItemStyle;\r\n\r\n      isFirst = false;\r\n\r\n      return <div style={style}>{child}</div>;\r\n    });\r\n\r\n    return <div>{children}</div>;\r\n  }\r\n\r\n  private renderHorizontal() {\r\n    const { children, verticalAlign, wrap } = this.props;\r\n    const gap = this.getGapValue();\r\n    const itemStyle: React.CSSProperties = {\r\n      display: 'inline-block',\r\n      verticalAlign,\r\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\r\n    };\r\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\r\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\r\n\r\n    return (\r\n      <div style={rootStyle}>\r\n        <div style={contStyle}>\r\n          {React.Children.toArray(children).map((child, index) => {\r\n            const marginLeft = index === 0 ? undefined : gap;\r\n            return (\r\n              <span key={index} style={{ marginLeft, ...itemStyle }}>\r\n                {child}\r\n              </span>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["Gapped.tsx"],"names":["GappedDataTids","vertical","horizontal","Gapped","rootNode","getProps","defaultProps","render","setRootNode","props","renderVertical","renderHorizontal","getGapValue","propsGap","gap","subsequentItemStyle","paddingTop","children","React","Children","toArray","filter","filterChildren","map","child","index","style","undefined","verticalAlign","wrap","itemStyle","display","marginLeft","marginTop","rootStyle","contStyle","whiteSpace","Boolean","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","number","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface GappedProps extends CommonProps {\n  /**\n   * Расстояние между элементами в пикселях\n   * @default 8\n   */\n  gap?: number;\n  /**\n   * Вертикальное выравнивание\n   * @default \"baseline\"\n   */\n  verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';\n  /**\n   * Расположение элементов по вертикали\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Перенос элементов на новую строку при горизонтальном расположении\n   * @default false\n   */\n  wrap?: boolean;\n  children: React.ReactNode;\n}\n\nexport const GappedDataTids = {\n  vertical: 'Gapped__vertical',\n  horizontal: 'Gapped__horizontal',\n} as const;\n\ntype DefaultProps = Required<Pick<GappedProps, 'wrap' | 'vertical' | 'verticalAlign'>>;\n\n/**\n * Контейнер, расстояние между элементами в котором равно `gap`.\n */\n@rootNode\nexport class Gapped extends React.Component<GappedProps> {\n  public static __KONTUR_REACT_UI__ = 'Gapped';\n\n  public static propTypes = {\n    /**\n     * Расстояние между элементами.\n     */\n    gap: PropTypes.number,\n\n    /**\n     * Располагать элементы вертикально.\n     */\n    vertical: PropTypes.bool,\n\n    /**\n     * Вертикальное выравнивание элементов.\n     */\n    verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']),\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    wrap: false,\n    vertical: false,\n    verticalAlign: 'baseline',\n  };\n\n  private getProps = createPropsGetter(Gapped.defaultProps);\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.getProps().vertical ? this.renderVertical() : this.renderHorizontal()}\n      </CommonWrapper>\n    );\n  }\n\n  private getGapValue() {\n    // DEPRECATED remove in 4.0\n    const { gap: propsGap } = this.props;\n    if (isNonNullable(propsGap)) {\n      return propsGap;\n    }\n\n    return 8;\n  }\n\n  private renderVertical() {\n    const subsequentItemStyle: React.CSSProperties = {\n      paddingTop: this.getGapValue(),\n    };\n    const children = React.Children.toArray(this.props.children)\n      .filter(this.filterChildren)\n      .map((child, index) => {\n        const style = index === 0 ? undefined : subsequentItemStyle;\n        return (\n          <div style={style} key={index}>\n            {child}\n          </div>\n        );\n      });\n\n    return <div data-tid={GappedDataTids.vertical}>{children}</div>;\n  }\n\n  private renderHorizontal() {\n    const { children, verticalAlign } = this.props;\n    const wrap = this.getProps().wrap;\n    const gap = this.getGapValue();\n    const itemStyle: React.CSSProperties = {\n      display: 'inline-block',\n      verticalAlign,\n      ...(wrap ? { marginLeft: gap, marginTop: gap } : {}),\n    };\n    const rootStyle: React.CSSProperties = wrap ? { paddingTop: 1 } : {};\n    const contStyle: React.CSSProperties = wrap ? { marginTop: -gap - 1, marginLeft: -gap } : { whiteSpace: 'nowrap' };\n\n    return (\n      <div data-tid={GappedDataTids.horizontal} style={rootStyle}>\n        <div style={contStyle}>\n          {React.Children.toArray(children)\n            .filter(this.filterChildren)\n            .map((child, index) => {\n              const marginLeft = index === 0 ? undefined : gap;\n              return (\n                <span key={index} style={{ marginLeft, ...itemStyle }}>\n                  {child}\n                </span>\n              );\n            })}\n        </div>\n      </div>\n    );\n  }\n\n  private filterChildren(child: React.ReactNode): boolean {\n    return Boolean(child) || typeof child === 'number';\n  }\n}\n"]}

package/cjs/components/Gapped/Gapped.md

@@ -1,43 +1,43 @@
-Вывод элементов с горизонтальным расположением
-
-```jsx harmony
-import { Button } from '@skbkontur/react-ui';
-
-<Gapped gap={20}>
-  <Button use="primary">Сохранить</Button>
-  <Button>Отмена</Button>
-</Gapped>;
-```
-
-Вертикальное расположение
-
-```jsx harmony
-import { Checkbox } from '@skbkontur/react-ui';
-
-<Gapped vertical gap={20}>
-  <Checkbox checked>Write todos</Checkbox>
-  <Checkbox initialIndeterminate>Work in progress</Checkbox>
-  <Checkbox>Make things done</Checkbox>
-</Gapped>;
-```
-
-По умолчанию `Gapped` выстраивает элементы в одну строчку, но с помощью свойства `wrap` можно включить перенос элементов на новую строку.
-При этом между строчками будет отступ равный значению свойста `gap`
-В таком случае из-за особенности верстки `Gapped` может перекрывать элементы расположенные сверху-слева.
-
-```jsx harmony
-import { Button, Checkbox, Toggle } from '@skbkontur/react-ui';
-
-<>
-  {"U Can't Touch This! => "}
-  <Toggle />
-
-  <div style={{ paddingTop: '10px', position: 'relative', width: '250px' }}>
-    <Gapped wrap gap={50}>
-      <Button use="primary">Сохранить</Button>
-      <Button>Отмена</Button>
-      <Checkbox>Я не робот</Checkbox>
-    </Gapped>
-  </div>
-</>;
-```
+Вывод элементов с горизонтальным расположением
+
+```jsx harmony
+import { Button } from '@skbkontur/react-ui';
+
+<Gapped gap={20}>
+  <Button use="primary">Сохранить</Button>
+  <Button>Отмена</Button>
+</Gapped>;
+```
+
+Вертикальное расположение
+
+```jsx harmony
+import { Checkbox } from '@skbkontur/react-ui';
+
+<Gapped vertical gap={20}>
+  <Checkbox checked>Write todos</Checkbox>
+  <Checkbox initialIndeterminate>Work in progress</Checkbox>
+  <Checkbox>Make things done</Checkbox>
+</Gapped>;
+```
+
+По умолчанию `Gapped` выстраивает элементы в одну строчку, но с помощью свойства `wrap` можно включить перенос элементов на новую строку.
+При этом между строчками будет отступ равный значению свойста `gap`
+В таком случае из-за особенности верстки `Gapped` может перекрывать элементы расположенные сверху-слева.
+
+```jsx harmony
+import { Button, Checkbox, Toggle } from '@skbkontur/react-ui';
+
+<>
+  {"U Can't Touch This! => "}
+  <Toggle />
+
+  <div style={{ paddingTop: '10px', position: 'relative', width: '250px' }}>
+    <Gapped wrap gap={50}>
+      <Button use="primary">Сохранить</Button>
+      <Button>Отмена</Button>
+      <Checkbox>Я не робот</Checkbox>
+    </Gapped>
+  </div>
+</>;
+```

package/cjs/components/Gapped/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Gapped';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Gapped';\n"]}

package/cjs/components/GlobalLoader/GlobalLoader.d.ts

@@ -0,0 +1,106 @@
+import React from 'react';
+export interface GlobalLoaderProps {
+    /**
+     * Время(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;
+}
+export declare const GlobalLoaderDataTids: {
+    readonly root: "GlobalLoader";
+};
+declare type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
+export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
+    private successAnimationInProgressTimeout;
+    private setRootNode;
+    private getProps;
+    private readonly startTask;
+    private readonly stopTask;
+    static defaultProps: DefaultProps;
+    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;
+}
+export {};