@skbkontur/react-ui 5.0.5 → 5.1.0-next.0

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

@@ -1,46 +1,24 @@
 import React from 'react';
 export interface GlobalLoaderProps {
-    /**
-     * Время(ms) до появления лоадера
-     */
+    /** Устанавливает задержку в миллисекундах до появления лоадера. */
     delayBeforeShow?: number;
-    /**
-     * Время(ms) до исчезновения лоадера
-     */
+    /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */
     delayBeforeHide?: number;
-    /**
-     * Ожидаемое время(ms) ответа сервера
-     */
+    /** Устанавливает ожидаемое время(ms) ответа сервера. */
     expectedResponseTime?: number;
-    /**
-     * Анимация лоадера в виде спиннера
-     */
+    /** Определяет, нужно ли показывать анимацию лоадера в виде спиннера. */
     rejected?: boolean;
-    /**
-     * Показывать лоадер
-     */
+    /** Определяет, показывать ли лоадер. */
     active?: boolean;
-    /**
-     * Не показывать анимацию
-     */
+    /** Отключает анимацию. */
     disableAnimations?: boolean;
-    /**
-     * Коллбек, вызывающийся после появления лоадера
-     */
+    /** Задает коллбек, вызывающийся после появления лоадера. */
     onStart?(): void;
-    /**
-     * Коллбек, вызывающийся после исчезновения лоадера
-     */
+    /** Задает коллбек, вызывающийся после исчезновения лоадера. */
     onDone?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.reject()`.
-     * Или после установки пропа `rejected = true`
-     */
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. */
     onReject?(): void;
-    /**
-     * Коллбек, вызывающийся после вызова `GlobalLoader.accept()`.
-     * Или после установки пропа `rejected = false`
-     */
+    /** Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. */
     onAccept?(): void;
 }
 export interface GlobalLoaderState {
@@ -57,6 +35,18 @@ export declare const GlobalLoaderDataTids: {
     readonly root: "GlobalLoader";
 };
 type DefaultProps = Required<Pick<GlobalLoaderProps, 'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'>>;
+/**
+ * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.
+ * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.
+ *
+ * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента "убивает" предыдущий экземпляр, и начинает перехватывать статические методы.
+ *
+ * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+ *
+ * `GlobalLoader` работает в двух режимах:
+ * * как прогресс-бар, примерно показывает ход получения данных от сервера.
+ * * как спиннер, когда есть проблемы с соединением.
+ */
 export declare class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/cjs/components/GlobalLoader/GlobalLoader.js

@@ -36,19 +36,6 @@ var _GlobalLoaderView = require("./GlobalLoaderView");var _class, _GlobalLoader;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -74,7 +61,20 @@ var GlobalLoaderDataTids = exports.GlobalLoaderDataTids = {
 
 
 
-var currentGlobalLoader;var
+var currentGlobalLoader;
+
+/**
+ * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.
+ * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.
+ *
+ * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента "убивает" предыдущий экземпляр, и начинает перехватывать статические методы.
+ *
+ * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
+ *
+ * `GlobalLoader` работает в двух режимах:
+ * * как прогресс-бар, примерно показывает ход получения данных от сервера.
+ * * как спиннер, когда есть проблемы с соединением.
+ */var
 
 GlobalLoader = exports.GlobalLoader = (0, _rootNode.rootNode)(_class = (_GlobalLoader = /*#__PURE__*/function (_React$Component) {
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_GlobalLoaderView","_class","_GlobalLoader","GlobalLoaderDataTids","exports","root","currentGlobalLoader","GlobalLoader","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","startTask","debounce","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","_inheritsLoose2","default","_proto","prototype","componentDidMount","_currentGlobalLoader","_this$getProps","componentDidUpdate","prevProps","_this$getProps2","render","status","_this$getProps3","disableAnimations","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","GlobalLoaderView","updateExpectedResponseTime","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv","start"],"sources":["GlobalLoader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\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   * Анимация лоадера в виде спиннера\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}\n\nexport const GlobalLoaderDataTids = {\n  root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    GlobalLoaderProps,\n    'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'\n  >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n  public static __KONTUR_REACT_UI__ = 'GlobalLoader';\n  public static displayName = 'GlobalLoader';\n\n  private setRootNode!: TSetRootNode;\n  private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n  }, this.getProps().delayBeforeShow);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false, started: false });\n    this.props.onDone?.();\n  }, this.getProps().delayBeforeHide);\n\n  private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n    this.setActive();\n  }, this.getProps().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: GlobalLoaderProps) {\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.getProps().expectedResponseTime,\n    };\n  }\n  componentDidMount() {\n    currentGlobalLoader?.kill();\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    currentGlobalLoader = this;\n    const { active, rejected } = this.getProps();\n    if (active) {\n      this.setActive();\n    }\n    if (rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    const { expectedResponseTime, rejected, active } = this.getProps();\n    if (expectedResponseTime !== prevProps.expectedResponseTime) {\n      this.setState({ expectedResponseTime });\n    }\n    if (rejected !== prevProps.rejected) {\n      this.setReject(rejected);\n    }\n    if (active !== prevProps.active) {\n      if (active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n\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    const { delayBeforeHide, disableAnimations } = this.getProps();\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={delayBeforeHide}\n            status={status}\n            data-tid={GlobalLoaderDataTids.root}\n            disableAnimations={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.resumeTaskAfterSuccessAnimation();\n    } else {\n      this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n      if (this.getProps().rejected) {\n        this.setReject(true);\n      } else {\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    if (!this.state.started) {\n      return;\n    }\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.startTask.cancel();\n    this.resumeTaskAfterSuccessAnimation.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && (this.state.started || this.getProps().active)) {\n      this.setState({ visible: true });\n    }\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else if (this.state.rejected) {\n      this.setState({ accept: true });\n      this.props.onAccept?.();\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.resumeTaskAfterSuccessAnimation.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lodash","_currentEnvironment","_CommonWrapper","_rootNode","_createPropsGetter","_GlobalLoaderView","_class","_GlobalLoader","GlobalLoaderDataTids","exports","root","currentGlobalLoader","GlobalLoader","rootNode","_React$Component","props","_this","call","getProps","createPropsGetter","defaultProps","startTask","debounce","setState","visible","onStart","delayBeforeShow","stopTask","successAnimationInProgress","started","onDone","delayBeforeHide","resumeTaskAfterSuccessAnimation","setActive","cancel","state","done","rejected","accept","setReject","setDone","reject","active","onReject","onAccept","kill","dead","expectedResponseTime","_inheritsLoose2","default","_proto","prototype","componentDidMount","_currentGlobalLoader","_this$getProps","componentDidUpdate","prevProps","_this$getProps2","render","status","_this$getProps3","disableAnimations","createElement","CommonWrapper","_extends2","rootNodeRef","setRootNode","GlobalLoaderView","updateExpectedResponseTime","React","Component","__KONTUR_REACT_UI__","displayName","isTestEnv","start"],"sources":["GlobalLoader.tsx"],"sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\n\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { GlobalLoaderView, GlobalLoaderViewProps } from './GlobalLoaderView';\n\nexport interface GlobalLoaderProps {\n  /** Устанавливает задержку в миллисекундах до появления лоадера. */\n  delayBeforeShow?: number;\n\n  /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */\n  delayBeforeHide?: number;\n\n  /** Устанавливает ожидаемое время(ms) ответа сервера. */\n  expectedResponseTime?: number;\n\n  /** Определяет, нужно ли показывать анимацию лоадера в виде спиннера. */\n  rejected?: boolean;\n\n  /** Определяет, показывать ли лоадер. */\n  active?: boolean;\n\n  /** Отключает анимацию. */\n  disableAnimations?: boolean;\n\n  /** Задает коллбек, вызывающийся после появления лоадера. */\n  onStart?(): void;\n\n  /** Задает коллбек, вызывающийся после исчезновения лоадера. */\n  onDone?(): void;\n\n  /** Задает коллбек, вызывающийся после вызова GlobalLoader.reject(). Или после установки пропа rejected = true. */\n  onReject?(): void;\n\n  /** Задает коллбек, вызывающийся после вызова GlobalLoader.accept() или установки пропа rejected = false. */\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}\n\nexport const GlobalLoaderDataTids = {\n  root: 'GlobalLoader',\n} as const;\n\ntype DefaultProps = Required<\n  Pick<\n    GlobalLoaderProps,\n    'expectedResponseTime' | 'delayBeforeShow' | 'delayBeforeHide' | 'rejected' | 'active' | 'disableAnimations'\n  >\n>;\n\nlet currentGlobalLoader: GlobalLoader;\n\n/**\n * Глобальный лоадер `GlobalLoader` — это универсальный индикатор обмена данными с сервером.\n * Он появляется у верхней границы экрана и выглядит как тоненькая полоска, окрашенная в фирменный цвет продукта.\n *\n * `GlobalLoader` может быть только один в приложении. Поэтому, каждый новый экземпляр компонента \"убивает\" предыдущий экземпляр, и начинает перехватывать статические методы.\n *\n * Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.\n *\n * `GlobalLoader` работает в двух режимах:\n * * как прогресс-бар, примерно показывает ход получения данных от сервера.\n * * как спиннер, когда есть проблемы с соединением.\n */\n@rootNode\nexport class GlobalLoader extends React.Component<GlobalLoaderProps, GlobalLoaderState> {\n  public static __KONTUR_REACT_UI__ = 'GlobalLoader';\n  public static displayName = 'GlobalLoader';\n\n  private setRootNode!: TSetRootNode;\n  private getProps = createPropsGetter(GlobalLoader.defaultProps);\n\n  private readonly startTask = debounce(() => {\n    this.setState({ visible: true });\n    this.props.onStart?.();\n  }, this.getProps().delayBeforeShow);\n\n  private readonly stopTask = debounce(() => {\n    this.setState({ visible: false, successAnimationInProgress: false, started: false });\n    this.props.onDone?.();\n  }, this.getProps().delayBeforeHide);\n\n  private readonly resumeTaskAfterSuccessAnimation = debounce(() => {\n    this.setActive();\n  }, this.getProps().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: GlobalLoaderProps) {\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.getProps().expectedResponseTime,\n    };\n  }\n  componentDidMount() {\n    currentGlobalLoader?.kill();\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    currentGlobalLoader = this;\n    const { active, rejected } = this.getProps();\n    if (active) {\n      this.setActive();\n    }\n    if (rejected) {\n      this.setReject(true);\n    }\n  }\n\n  componentDidUpdate(prevProps: Readonly<GlobalLoaderProps>) {\n    const { expectedResponseTime, rejected, active } = this.getProps();\n    if (expectedResponseTime !== prevProps.expectedResponseTime) {\n      this.setState({ expectedResponseTime });\n    }\n    if (rejected !== prevProps.rejected) {\n      this.setReject(rejected);\n    }\n    if (active !== prevProps.active) {\n      if (active) {\n        this.setActive();\n      } else {\n        this.setDone();\n      }\n    }\n  }\n\n  public render() {\n    let status: GlobalLoaderViewProps['status'] = 'standard';\n\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    const { delayBeforeHide, disableAnimations } = this.getProps();\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={delayBeforeHide}\n            status={status}\n            data-tid={GlobalLoaderDataTids.root}\n            disableAnimations={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.resumeTaskAfterSuccessAnimation();\n    } else {\n      this.setState({ visible: false, done: false, rejected: false, accept: false, started: true });\n      if (this.getProps().rejected) {\n        this.setReject(true);\n      } else {\n        this.stopTask.cancel();\n        this.startTask();\n      }\n    }\n  };\n\n  public setDone = () => {\n    if (!this.state.started) {\n      return;\n    }\n    this.setState({ done: true, successAnimationInProgress: true });\n    this.startTask.cancel();\n    this.resumeTaskAfterSuccessAnimation.cancel();\n    this.stopTask();\n  };\n\n  public setReject = (reject: boolean) => {\n    if (!this.state.visible && (this.state.started || this.getProps().active)) {\n      this.setState({ visible: true });\n    }\n    this.startTask.cancel();\n    this.stopTask.cancel();\n    if (reject) {\n      this.props.onReject?.();\n    } else if (this.state.rejected) {\n      this.setState({ accept: true });\n      this.props.onAccept?.();\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.resumeTaskAfterSuccessAnimation.cancel();\n    this.setState({\n      dead: true,\n    });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/GlobalLoader/GlobalLoader.md

@@ -6,7 +6,7 @@
 
 Предполагается монтирование компонента в единственном месте. И управление им через статические методы, либо через пропы.
 
-Все статические методы:
+### Все статические методы
 ```jsx harmony
 import { Button, Gapped } from '@skbkontur/react-ui';
 
@@ -18,10 +18,9 @@ import { Button, Gapped } from '@skbkontur/react-ui';
 </Gapped>
 ```
 
-Монтирование и кастомизация:
+### Монтирование и кастомизация
 ```jsx harmony
-import { Button, Toggle, Gapped, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-import { GlobalLoader } from './GlobalLoader';
+import { Button, Toggle, Gapped, GlobalLoader, ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
 
 const myTheme = ThemeFactory.create({ globalLoaderColor: 'red' });
 
@@ -63,7 +62,7 @@ const reset = () => {
 ```
 
 
-Статические методы в модалке:
+### Статические методы в модалке
 ```jsx harmony
 import { Button, Gapped, Modal } from '@skbkontur/react-ui';
 

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

@@ -1,9 +1,13 @@
 import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface GlobalLoaderViewProps extends Pick<CommonProps, 'data-tid'> {
+    /** Устанавливает ожидаемое время(ms) ответа сервера. */
     expectedResponseTime: number;
+    /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */
     delayBeforeHide: number;
+    /** Устанавливает статус операции. */
     status?: 'success' | 'error' | 'standard' | 'accept';
+    /** Отключает анимацию. */
     disableAnimations: boolean;
 }
 export interface GlobalLoaderViewRef {

package/cjs/components/GlobalLoader/GlobalLoaderView.js

@@ -20,6 +20,13 @@ var _useParams = require("./useParams");var _excluded = ["expectedResponseTime",
 
 
 
+
+
+
+
+
+
+
 var GlobalLoaderView = exports.GlobalLoaderView = function GlobalLoaderView(_ref)
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ZIndex","_ThemeContext","_CommonWrapper","_GlobalLoaderView","_useParams","_excluded","GlobalLoaderView","exports","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose2","default","ref","useRef","theme","useContext","ThemeContext","_useGlobalLoaderWidth","useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","useGlobalLoaderPosition","left","getAnimationClass","animations","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","styles","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","CommonWrapper","_extends2","ZIndex","priority","className","outer","cx","inner"],"sources":["GlobalLoaderView.tsx"],"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 interface 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} data-status={status}>\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Emotion","_ZIndex","_ThemeContext","_CommonWrapper","_GlobalLoaderView","_useParams","_excluded","GlobalLoaderView","exports","_ref","expectedResponseTime","delayBeforeHide","status","disableAnimations","rest","_objectWithoutPropertiesLoose2","default","ref","useRef","theme","useContext","ThemeContext","_useGlobalLoaderWidth","useGlobalLoaderWidth","width","startWidth","fullWidth","_useGlobalLoaderPosit","useGlobalLoaderPosition","left","getAnimationClass","animations","successAnimation","acceptAnimation","slowAcceptAnimation","errorAnimation","standardAnimation","styles","successWithoutAnimation","acceptWithoutAnimation","errorWithoutAnimation","standardWithoutAnimation","createElement","CommonWrapper","_extends2","ZIndex","priority","className","outer","cx","inner"],"sources":["GlobalLoaderView.tsx"],"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  /** Устанавливает ожидаемое время(ms) ответа сервера. */\n  expectedResponseTime: number;\n\n  /** Устанавливает задержку в миллисекундах до исчезновения лоадера. */\n  delayBeforeHide: number;\n\n  /** Устанавливает статус операции. */\n  status?: 'success' | 'error' | 'standard' | 'accept';\n\n  /** Отключает анимацию. */\n  disableAnimations: boolean;\n}\n\nexport interface 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} data-status={status}>\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"],"mappings":"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","ignoreList":[]}

package/cjs/components/GlobalLoader/__docs__/GlobalLoader.mdx

@@ -0,0 +1,28 @@
+import * as GlobalLoaderStories from './GlobalLoader.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={GlobalLoaderStories} />
+
+# GlobalLoader
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/progress-indicators/global-loader/)
+
+[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=396-15654&t=i9hraypi61DJWRFA-4)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Group/Group.d.ts

@@ -2,12 +2,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export interface GroupProps extends CommonProps {
+    /** Задает длину компонента Group. */
     width?: React.CSSProperties['width'];
 }
 export declare const getButtonCorners: (isFirstChild: boolean, isLastChild: boolean) => React.CSSProperties;
 export declare const GroupDataTids: {
     readonly root: "Group__root";
 };
+/**
+ *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
+ *
+ *  Длина контейнера настраивается с помощью пропа `width`.
+ */
 export declare class Group extends React.Component<GroupProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/cjs/components/Group/Group.js

@@ -19,6 +19,7 @@ var _Group2 = require("./Group.styles");var _class, _Group;
 
 
 
+
 var getFirstChild = function getFirstChild(children) {
   if (!Array.isArray(children)) {
     return children;
@@ -75,8 +76,13 @@ var passCornersIfButton = function passCornersIfButton(child, firstChild, lastCh
 
 var GroupDataTids = exports.GroupDataTids = {
   root: 'Group__root'
-};var
+};
 
+/**
+ *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.
+ *
+ *  Длина контейнера настраивается с помощью пропа `width`.
+ */var
 
 Group = exports.Group = (0, _rootNode.rootNode)(_class = (_Group = /*#__PURE__*/function (_React$Component) {function Group() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Group, _React$Component);var _proto = Group.prototype;_proto.
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_client","_Button","_CommonWrapper","_Emotion","_rootNode","_utils","_Group2","_class","_Group","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","exports","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","passCornersIfButton","child","firstChild","lastChild","corners","isButton","cloneElement","_extends2","default","props","isInputLike","GroupDataTids","root","Group","rootNode","_React$Component","apply","arguments","_inheritsLoose2","_proto","prototype","render","_this","style","width","childrenArray","toArray","createElement","CommonWrapper","rootNodeRef","setRootNode","className","styles","map","_cx","_cx2","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","cx","fixed","stretch","stretchFallback","isIE11","isEdge","item","itemFirst","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","oneOfType","number","string"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInputLike } from '../../lib/utils';\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\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst passCornersIfButton = (child: React.ReactNode, firstChild: React.ReactNode, lastChild: React.ReactNode) => {\n  const corners = getButtonCorners(child === firstChild, child === lastChild);\n  if (isButton(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n  if (isInputLike(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\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    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (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\n            const modifiedChild = passCornersIfButton(child, firstChild, lastChild);\n\n            const isFirstChild = child === firstChild;\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\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_client","_Button","_CommonWrapper","_Emotion","_rootNode","_utils","_Group2","_class","_Group","getFirstChild","children","Array","isArray","getLastChild","numberOfChildren","React","Children","count","getButtonCorners","exports","isFirstChild","isLastChild","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRadius","passCornersIfButton","child","firstChild","lastChild","corners","isButton","cloneElement","_extends2","default","props","isInputLike","GroupDataTids","root","Group","rootNode","_React$Component","apply","arguments","_inheritsLoose2","_proto","prototype","render","_this","style","width","childrenArray","toArray","createElement","CommonWrapper","rootNodeRef","setRootNode","className","styles","map","_cx","_cx2","isValidElement","isWidthInPercent","Boolean","toString","includes","modifiedChild","cx","fixed","stretch","stretchFallback","isIE11","isEdge","item","itemFirst","Component","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","oneOfType","number","string"],"sources":["Group.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { isButton } from '../Button';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isInputLike } from '../../lib/utils';\n\nimport { styles } from './Group.styles';\n\nexport interface GroupProps extends CommonProps {\n  /** Задает длину компонента Group. */\n  width?: React.CSSProperties['width'];\n}\n\ninterface GroupChildProps {\n  width?: React.CSSProperties['width'];\n  corners?: number;\n}\n\nconst getFirstChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  return children?.[0] as React.ReactNode;\n};\n\nconst getLastChild = (children: React.ReactNode) => {\n  if (!Array.isArray(children)) {\n    return children;\n  }\n\n  const numberOfChildren = React.Children.count(children);\n\n  return children?.[numberOfChildren - 1] as React.ReactNode;\n};\n\nexport const getButtonCorners = (isFirstChild: boolean, isLastChild: boolean): React.CSSProperties => {\n  if (isFirstChild && isLastChild) {\n    return {};\n  }\n\n  if (isFirstChild) {\n    return {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    };\n  }\n\n  if (isLastChild) {\n    return {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    };\n  }\n\n  return {\n    borderRadius: 0,\n  };\n};\n\nconst passCornersIfButton = (child: React.ReactNode, firstChild: React.ReactNode, lastChild: React.ReactNode) => {\n  const corners = getButtonCorners(child === firstChild, child === lastChild);\n  if (isButton(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n  if (isInputLike(child)) {\n    return React.cloneElement(child, { corners: { ...corners, ...child.props.corners } });\n  }\n\n  return child;\n};\n\nexport const GroupDataTids = {\n  root: 'Group__root',\n} as const;\n\n/**\n *  Компонент `Group` используется для создания логически сгруппированных элементов, выровненных по горизонтали.\n *\n *  Длина контейнера настраивается с помощью пропа `width`.\n */\n@rootNode\nexport class Group extends React.Component<GroupProps> {\n  public static __KONTUR_REACT_UI__ = 'Group';\n  public static displayName = 'Group';\n\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    const childrenArray = React.Children.toArray(this.props.children);\n    const firstChild = getFirstChild(childrenArray);\n    const lastChild = getLastChild(childrenArray);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <span data-tid={GroupDataTids.root} className={styles.root()} style={style}>\n          {React.Children.map(childrenArray, (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\n            const modifiedChild = passCornersIfButton(child, firstChild, lastChild);\n\n            const isFirstChild = child === firstChild;\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\n                  className={cx({\n                    [styles.item()]: true,\n                    [styles.itemFirst()]: isFirstChild,\n                  })}\n                >\n                  {modifiedChild}\n                </div>\n              </div>\n            );\n          })}\n        </span>\n      </CommonWrapper>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Group/Group.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import FunctionIcon from '@skbkontur/react-icons/Function';
 import SearchIcon from '@skbkontur/react-icons/Search';

package/cjs/components/Group/__docs__/Group.mdx

@@ -0,0 +1,24 @@
+import * as GroupStories from './Group.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={GroupStories} />
+
+# Group
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/Hint/Hint.d.ts

@@ -5,55 +5,30 @@ import { MouseEventType } from '../../typings/event-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { InstanceWithAnchorElement } from '../../lib/InstanceWithAnchorElement';
 export interface HintProps extends CommonProps {
+    /** @ignore */
     children?: React.ReactNode;
-    /**
-     * Переводит отображение подсказки в _"ручной режим"_.
-     *
-     * В _"ручном режиме"_ подсказку можно активировать только задав значение пропу `opened`.
-     */
+    /** Переводит отображение подсказки в _"ручной режим"_.
+     В _"ручном режиме"_ подсказку можно активировать только задав значение пропу `opened`. */
     manual?: boolean;
-    /**
-     * Задаёт максимальную ширину подсказки.
-     */
+    /** Задает максимальную ширину подсказки. */
     maxWidth?: React.CSSProperties['maxWidth'];
-    /**
-     * HTML-событие `mouseenter`.
-     */
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
     onMouseEnter?: (event: MouseEventType) => void;
-    /**
-     * HTML-событие `mouseleave`.
-     */
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
     onMouseLeave?: (event: MouseEventType) => void;
-    /**
-     * Если `true` - подсказка будет открыта.
-     *
-     * _Примечание_: работает только при `manual=true`.
-     */
+    /** Открывает подсказку. Работает только при `manual=true`. */
     opened?: boolean;
-    /**
-     * Расположение подсказки относительно текста.
-     *
-     * **Допустимые значения**: `"top"`, `"right"`, `"bottom"`, `"left"`, `"top left"`, `"top center"`, `"top right"`, `"right top"`, `"right middle"`, `"right bottom"`, `"bottom left"`, `"bottom center"`, `"bottom right"`, `"left top"`, `"left middle"`, `"left bottom"`.
-     */
+    /** Задает приоритетное расположение подсказки относительно текста. */
     pos?: ShortPopupPositionsType | PopupPinnablePositionsType;
-    /**
-     * Текст подсказки.
-     */
+    /** Задает текст подсказки. */
     text: React.ReactNode;
-    /**
-     * Список позиций, которые хинт будет занимать. Если положение хинт в определенной позиции будет выходить
-     * за край экрана, то будет выбрана следующая позиция. Обязательно должен включать позицию указанную в `pos`.
-     */
+    /** Задает список позиций, которые будет занимать хинт. Если положение хинта в определенной позиции будет выходить за край экрана, то будет выбрана следующая позиция. Обязательно должен включать позицию указанную в `pos`. */
     allowedPositions?: PopupPinnablePositionsType[];
-    /**
-     * Отключает анимацию.
-     */
+    /** Отключает анимацию. */
     disableAnimations?: boolean;
-    /**
-     * Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`. <br/> Используется для корректного позиционирования хинта при двух и более вложенных элементах.
-     *
-     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически.
-     */
+    /** Явно указывает, что вложенные элементы должны быть обёрнуты в `<span/>`.
+     * Используется для корректного позиционирования хинта при двух и более вложенных элементах.
+     * _Примечание_: при **двух и более** вложенных элементах обёртка будет добавлена автоматически. */
     useWrapper?: boolean;
 }
 export interface HintState {
@@ -62,7 +37,10 @@ export interface HintState {
 }
 type DefaultProps = Required<Pick<HintProps, 'manual' | 'opened' | 'maxWidth' | 'disableAnimations' | 'useWrapper'>>;
 /**
- * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.
+ * Всплывающая подсказка `Hint`.
+ * По умолчанию отображается при наведении на элемент, но можно задать другие условия отображения.
+ *
+ * Для подсказки, всплывающей по клику используйте Tooltip.
  */
 export declare class Hint extends React.PureComponent<HintProps, HintState> implements InstanceWithAnchorElement {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/Hint/Hint.js

@@ -47,21 +47,6 @@ var HINT_BORDER_COLOR = 'transparent';
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -79,7 +64,10 @@ var HINT_BORDER_COLOR = 'transparent';
 
 
 /**
- * Всплывающая подсказка, которая по умолчанию отображается при наведении на элемент. <br/> Можно задать другие условия отображения.
+ * Всплывающая подсказка `Hint`.
+ * По умолчанию отображается при наведении на элемент, но можно задать другие условия отображения.
+ *
+ * Для подсказки, всплывающей по клику используйте Tooltip.
  */var
 
 Hint = exports.Hint = (0, _rootNode.rootNode)(_class = (_Hint = /*#__PURE__*/function (_React$PureComponent) {function Hint() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.