@skbkontur/react-ui 3.8.4-adaptive.1 → 3.9.0

package/components/Link/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","styles","Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","arrow","focused","linkProps","className","root","button","buttonOpened","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","focus","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","requestAnimationFrame","isTabPressed","setState","preventDefault","render","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /** Неактивное состояние */\n        disabled?: boolean;\n        /** href */\n        href?: string;\n        /** Иконка */\n        icon?: React.ReactElement<any>;\n        /** Тип */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        _button?: boolean;\n        _buttonOpened?: boolean;\n        tabIndex?: number;\n        /** Состояние загрузки */\n        loading?: boolean;\n        /** onClick */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\n/**\n * Стандартная ссылка.\n * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.\n * Все свойства передаются в элемент `<a>`.\n * `className` и `style` не поддерживаются\n */\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={styles.icon(this.theme)}>\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\n        </span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const focused = !disabled && this.state.focusedByTab;\n\n    const linkProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened()]: !!_buttonOpened,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.focus(this.theme)]: focused,\n        [styles.disabled(this.theme)]: !!disabled || !!loading,\n      }),\n      href,\n      rel,\n      onClick: this._handleClick,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      tabIndex: this.props.tabIndex,\n    };\n    if (disabled) {\n      props.tabIndex = -1;\n    }\n\n    return (\n      <a {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { href, onClick, disabled } = this.props;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled) {\n      onClick(event);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["Link.tsx"],"names":["React","PropTypes","keyListener","ThemeContext","isExternalLink","Spinner","CommonWrapper","cx","styles","Link","state","focusedByTab","theme","renderMain","props","disabled","href","icon","use","loading","_button","_buttonOpened","relOrigin","rel","rest","iconElement","arrow","focused","linkProps","className","root","button","buttonOpened","useDefault","useSuccess","useDanger","useGrayed","useGrayedFocus","focus","onClick","_handleClick","onFocus","_handleFocus","onBlur","_handleBlur","tabIndex","children","event","requestAnimationFrame","isTabPressed","setState","preventDefault","render","Component","__KONTUR_REACT_UI__","propTypes","bool","string","oneOfType","node","oneOf","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isExternalLink } from '../../lib/utils';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Link.styles';\n\nexport interface LinkProps\n  extends CommonProps,\n    Override<\n      React.AnchorHTMLAttributes<HTMLAnchorElement>,\n      {\n        /**\n         * Отключенное состояние.\n         */\n        disabled?: boolean;\n        /**\n         * HTML-атрибут `href`.\n         */\n        href?: string;\n        /**\n         * Добавляет ссылке иконку.\n         */\n        icon?: React.ReactElement<any>;\n        /**\n         * Тема ссылки.\n         */\n        use?: 'default' | 'success' | 'danger' | 'grayed';\n        /**\n         * @ignore\n         */\n        _button?: boolean;\n        /**\n         * @ignore\n         */\n        _buttonOpened?: boolean;\n        /**\n         * HTML-атрибут `tabindex`.\n         */\n        tabIndex?: number;\n        /**\n         * Переводит ссылку в состояние загрузки.\n         */\n        loading?: boolean;\n        /**\n         * HTML-событие `onclick`.\n         */\n        onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;\n      }\n    > {}\n\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\n/**\n * Элемент ссылки из HTML.\n */\nexport class Link extends React.Component<LinkProps, LinkState> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    use: PropTypes.oneOf(['default', 'success', 'danger', 'grayed']),\n  };\n\n  public static defaultProps = {\n    href: '',\n    use: 'default',\n  };\n\n  public state = {\n    focusedByTab: false,\n  };\n\n  private theme!: Theme;\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<LinkProps>) => {\n    const { disabled, href, icon, use, loading, _button, _buttonOpened, rel: relOrigin, ...rest } = props;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <span className={styles.icon(this.theme)}>\n          {loading ? <Spinner caption={null} dimmed type=\"mini\" /> : icon}\n        </span>\n      );\n    }\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={styles.arrow()} />;\n    }\n\n    let rel = relOrigin;\n    if (typeof rel === 'undefined' && href) {\n      rel = `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n    }\n\n    const focused = !disabled && this.state.focusedByTab;\n\n    const linkProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.button(this.theme)]: !!_button,\n        [styles.buttonOpened()]: !!_buttonOpened,\n        [styles.useDefault(this.theme)]: use === 'default',\n        [styles.useSuccess(this.theme)]: use === 'success',\n        [styles.useDanger(this.theme)]: use === 'danger',\n        [styles.useGrayed(this.theme)]: use === 'grayed',\n        [styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [styles.focus(this.theme)]: focused,\n        [styles.disabled(this.theme)]: !!disabled || !!loading,\n      }),\n      href,\n      rel,\n      onClick: this._handleClick,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      tabIndex: disabled || loading ? -1 : this.props.tabIndex,\n    };\n\n    return (\n      <a {...rest} {...linkProps}>\n        {iconElement}\n        {this.props.children}\n        {arrow}\n      </a>\n    );\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLAnchorElement>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    const { href, onClick, disabled, loading } = this.props;\n    if (!href) {\n      event.preventDefault();\n    }\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n"]}

package/components/Link/Link.d.ts

@@ -1,53 +1,71 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Override } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface LinkProps extends CommonProps, Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
-    /** Неактивное состояние */
-    disabled?: boolean;
-    /** href */
-    href?: string;
-    /** Иконка */
-    icon?: React.ReactElement<any>;
-    /** Тип */
-    use?: 'default' | 'success' | 'danger' | 'grayed';
-    _button?: boolean;
-    _buttonOpened?: boolean;
-    tabIndex?: number;
-    /** Состояние загрузки */
-    loading?: boolean;
-    /** onClick */
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
-}> {
-}
-export interface LinkState {
-    focusedByTab: boolean;
-}
-/**
- * Стандартная ссылка.
- * Интерфес пропсов наследуется от `React.AnchorHTMLAttributes<HTMLAnchorElement>`.
- * Все свойства передаются в элемент `<a>`.
- * `className` и `style` не поддерживаются
- */
-export declare class Link extends React.Component<LinkProps, LinkState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        use: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        href: string;
-        use: string;
-    };
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private _handleFocus;
-    private _handleBlur;
-    private _handleClick;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface LinkProps extends CommonProps, Override<React.AnchorHTMLAttributes<HTMLAnchorElement>, {
+    /**
+     * Отключенное состояние.
+     */
+    disabled?: boolean;
+    /**
+     * HTML-атрибут `href`.
+     */
+    href?: string;
+    /**
+     * Добавляет ссылке иконку.
+     */
+    icon?: React.ReactElement<any>;
+    /**
+     * Тема ссылки.
+     */
+    use?: 'default' | 'success' | 'danger' | 'grayed';
+    /**
+     * @ignore
+     */
+    _button?: boolean;
+    /**
+     * @ignore
+     */
+    _buttonOpened?: boolean;
+    /**
+     * HTML-атрибут `tabindex`.
+     */
+    tabIndex?: number;
+    /**
+     * Переводит ссылку в состояние загрузки.
+     */
+    loading?: boolean;
+    /**
+     * HTML-событие `onclick`.
+     */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}> {
+}
+export interface LinkState {
+    focusedByTab: boolean;
+}
+/**
+ * Элемент ссылки из HTML.
+ */
+export declare class Link extends React.Component<LinkProps, LinkState> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        use: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        href: string;
+        use: string;
+    };
+    state: {
+        focusedByTab: boolean;
+    };
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private _handleFocus;
+    private _handleBlur;
+    private _handleClick;
+}

package/components/Link/Link.md

@@ -1,11 +1,77 @@
+Базовый пример ссылки.
+
 ```jsx harmony
-import { Gapped, Link } from '@skbkontur/react-ui';
+<Link>Обычная ссылка</Link>
+```
 
-<Gapped>
-  <Link>Enabled</Link>
-  <Link use="success">Success</Link>
-  <Link use="danger">Danger</Link>
-  <Link use="grayed">Grayed</Link>
-  <Link disabled>Disabled</Link>
+Ссылка может иметь различные стили, а также быть отключенной.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped gap={15}>
+  <Link>Обычная ссылка</Link>
+  <Link use="success">Успешная ссылка</Link>
+  <Link use="danger">Опасная ссылка</Link>
+  <Link use="grayed">Работающая ссылка серого цвета</Link>
+  <Link disabled>Отключенная ссылка</Link>
 </Gapped>;
 ```
+
+Пример ссылки с иконкой.
+
+```jsx harmony
+import OkIcon from '@skbkontur/react-icons/Ok';
+
+<Link icon={<OkIcon />}>Ссылка с иконкой</Link>
+```
+
+Пример ссылок ведущих на внешние ресурсы.
+
+_Примечание_:
+
+Если в контрол `Link` передана ссылка, ведущая на внешний ресурс, контрол `Link` неявно добавит атрибут `rel` со значением необходимым для внешних ссылок, при этом не трогая атрибут `target`.
+
+Открытие ссылки в новой вкладке остаётся на усмотрение разработчика.
+
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped>
+  <Link href="https://www.youtube.com/">
+    Откроется <span style={{ color: "#e3071c" }}>в этой</span> вкладке
+  </Link>
+  <Link target="_blank" href="https://www.youtube.com/">
+    Откроется <span style={{ color: "#3f9726" }}>в новой</span> вкладке
+  </Link>
+</Gapped>
+```
+
+Ссылка в состоянии загрузки.
+
+**Поведение**:
+
+Если у ссылки есть иконка, она заменяется на спиннер.
+
+```jsx harmony
+import { Gapped, Button } from '@skbkontur/react-ui';
+import OkIcon from '@skbkontur/react-icons/Ok';
+
+const [isLoading, setIsLoading] = React.useState(false);
+
+<Gapped vertical gap={15}>
+  <Button onClick={() => setIsLoading(!isLoading)}>{isLoading ? "Прекратить загрузку!" : "Начать загрузку!"}</Button>
+  <Gapped gap={20}>
+    <Link loading={isLoading} icon={<OkIcon/>}>С иконкой</Link>
+    <Link loading={isLoading}>Без иконки</Link>
+  </Gapped>
+</Gapped>
+```
+
+Ссылка может иметь кастомное действие при нажатии.
+
+```jsx harmony
+import { Toast } from '@skbkontur/react-ui';
+
+<Link onClick={() => Toast.push("Ты нажал на ссылку!")}>Ссылка с кастомным действием</Link>
+```

package/components/Link/Link.mixins/Link.mixins.js

@@ -2,7 +2,7 @@ export var linkMixin = function linkMixin(hoverTextDecoration) {
   return "\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: " + hoverTextDecoration + ";\n    }\n  ";
 };
 export var linkDisabledMixin = function linkDisabledMixin() {
-  return "\n    box-shadow: none;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
+  return "\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ";
 };
 export var linkUseColorsMixin = function linkUseColorsMixin(mainColor, hoverColor, activeColor) {
   return "\n    color: " + mainColor + ";\n\n    &:hover {\n      color: " + hoverColor + ";\n    }\n\n    &:active {\n      color: " + activeColor + ";\n    }\n  ";

package/components/Link/Link.mixins/Link.mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM;;AAYP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;AASD,CAVM;;AAYP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\n  return `\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: ${hoverTextDecoration};\n    }\n  `;\n};\n\nexport const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n"]}
+{"version":3,"sources":["Link.mixins.ts"],"names":["linkMixin","hoverTextDecoration","linkDisabledMixin","linkUseColorsMixin","mainColor","hoverColor","activeColor"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,mBAAD,EAAiC;AACxD;;;;;;AAMuBA,EAAAA,mBANvB;;;AASD,CAVM;;AAYP,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AACrC;;;;;;;;;;AAUD,CAXM;;AAaP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoBC,UAApB,EAAwCC,WAAxC,EAAgE;AAChG;AACWF,EAAAA,SADX;;;AAIaC,EAAAA,UAJb;;;;AAQaC,EAAAA,WARb;;;AAWD,CAZM","sourcesContent":["export const linkMixin = (hoverTextDecoration: string) => {\n  return `\n    border-radius: 1px;\n    outline: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: ${hoverTextDecoration};\n    }\n  `;\n};\n\nexport const linkDisabledMixin = () => {\n  return `\n    box-shadow: none;\n    cursor: default;\n    pointer-events: none;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: none;\n    }\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string) => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n"]}

package/components/Link/Link.mixins.d.ts

@@ -1,3 +1,3 @@
-export declare const linkMixin: (hoverTextDecoration: string) => string;
-export declare const linkDisabledMixin: () => string;
-export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;
+export declare const linkMixin: (hoverTextDecoration: string) => string;
+export declare const linkDisabledMixin: () => string;
+export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;

package/components/Link/Link.styles.d.ts

@@ -1,15 +1,15 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    button(t: Theme): string;
-    buttonOpened(): string;
-    arrow(): string;
-    useDefault(t: Theme): string;
-    useSuccess(t: Theme): string;
-    useDanger(t: Theme): string;
-    useGrayed(t: Theme): string;
-    useGrayedFocus(t: Theme): string;
-    focus(t: Theme): string;
-    disabled(t: Theme): string;
-    icon(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(): string;
+    arrow(): string;
+    useDefault(t: Theme): string;
+    useSuccess(t: Theme): string;
+    useDanger(t: Theme): string;
+    useGrayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(t: Theme): string;
+};

package/components/Link/index.d.ts

@@ -1 +1 @@
-export * from './Link';
+export * from './Link';

package/components/Loader/Loader.d.ts

@@ -1,99 +1,99 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { SpinnerProps } from '../Spinner';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface LoaderProps extends CommonProps {
-    children?: React.ReactNode;
-    /**
-     * Флаг переключения состояния лоадера
-     * @default false
-     */
-    active: boolean;
-    caption?: SpinnerProps['caption'];
-    /**
-     * Компонент заменяющий спиннер.
-     */
-    component?: React.ReactNode;
-    className?: string;
-    type?: 'mini' | 'normal' | 'big';
-    /**
-     * Время в миллисекундах для показа вуали без спиннера.
-     * @default 300
-     */
-    delayBeforeSpinnerShow: number;
-    /**
-     * Минимальное время в миллисекундах для показа спиннера
-     * @default 1000
-     */
-    minimalDelayBeforeSpinnerHide: number;
-}
-export interface LoaderState {
-    isStickySpinner: boolean;
-    isSpinnerVisible: boolean;
-    isLoaderActive: boolean;
-    spinnerStyle?: object;
-}
-/**
- * DRAFT - лоадер-контейнер
- */
-export declare class Loader extends React.Component<LoaderProps, LoaderState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: Partial<LoaderProps>;
-    static propTypes: {
-        /**
-         * показываем лоадер или нет
-         */
-        active: PropTypes.Requireable<boolean>;
-        /**
-         * Текст рядом с лоадером.
-         *
-         * @default  "Загрузка"
-         */
-        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Класс для обертки
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Тип спиннера: mini, normal, big
-         *
-         * @default  normal
-         *
-         * Spinner.types - все доступные типы
-         */
-        type: PropTypes.Requireable<string>;
-        /**
-         * Время в миллисекундах для показа вуали без спиннера.
-         * @default 300
-         */
-        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
-        /**
-         * Минимальное время в миллисекундах для показа спиннера
-         * @default 1000
-         */
-        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
-    };
-    private theme;
-    private spinnerContainerNode;
-    private childrenContainerNode;
-    private spinnerNode;
-    private layoutEvents;
-    private spinnerTask;
-    private childrenObserver;
-    constructor(props: LoaderProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
-    componentWillUnmount(): void;
-    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
-    render(): JSX.Element;
-    private renderMain;
-    private childrenRef;
-    private spinnerRef;
-    private renderSpinner;
-    private checkSpinnerPosition;
-    private disableChildrenFocus;
-    private enableChildrenFocus;
-    private makeObservable;
-    private makeUnobservable;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { SpinnerProps } from '../Spinner';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface LoaderProps extends CommonProps {
+    children?: React.ReactNode;
+    /**
+     * Флаг переключения состояния лоадера
+     * @default false
+     */
+    active: boolean;
+    caption?: SpinnerProps['caption'];
+    /**
+     * Компонент заменяющий спиннер.
+     */
+    component?: React.ReactNode;
+    className?: string;
+    type?: 'mini' | 'normal' | 'big';
+    /**
+     * Время в миллисекундах для показа вуали без спиннера.
+     * @default 300
+     */
+    delayBeforeSpinnerShow: number;
+    /**
+     * Минимальное время в миллисекундах для показа спиннера
+     * @default 1000
+     */
+    minimalDelayBeforeSpinnerHide: number;
+}
+export interface LoaderState {
+    isStickySpinner: boolean;
+    isSpinnerVisible: boolean;
+    isLoaderActive: boolean;
+    spinnerStyle?: object;
+}
+/**
+ * DRAFT - лоадер-контейнер
+ */
+export declare class Loader extends React.Component<LoaderProps, LoaderState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: Partial<LoaderProps>;
+    static propTypes: {
+        /**
+         * показываем лоадер или нет
+         */
+        active: PropTypes.Requireable<boolean>;
+        /**
+         * Текст рядом с лоадером.
+         *
+         * @default  "Загрузка"
+         */
+        caption: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Класс для обертки
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Тип спиннера: mini, normal, big
+         *
+         * @default  normal
+         *
+         * Spinner.types - все доступные типы
+         */
+        type: PropTypes.Requireable<string>;
+        /**
+         * Время в миллисекундах для показа вуали без спиннера.
+         * @default 300
+         */
+        delayBeforeSpinnerShow: PropTypes.Requireable<number>;
+        /**
+         * Минимальное время в миллисекундах для показа спиннера
+         * @default 1000
+         */
+        minimalDelayBeforeSpinnerHide: PropTypes.Requireable<number>;
+    };
+    private theme;
+    private spinnerContainerNode;
+    private childrenContainerNode;
+    private spinnerNode;
+    private layoutEvents;
+    private spinnerTask;
+    private childrenObserver;
+    constructor(props: LoaderProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<LoaderProps>, prevState: Readonly<LoaderState>): void;
+    componentWillUnmount(): void;
+    static getDerivedStateFromProps(props: LoaderProps, state: LoaderState): Partial<LoaderState>;
+    render(): JSX.Element;
+    private renderMain;
+    private childrenRef;
+    private spinnerRef;
+    private renderSpinner;
+    private checkSpinnerPosition;
+    private disableChildrenFocus;
+    private enableChildrenFocus;
+    private makeObservable;
+    private makeUnobservable;
+}

package/components/Loader/Loader.styles.d.ts

@@ -1,8 +1,8 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    active(t: Theme): string;
-    loader(): string;
-    spinnerContainer(): string;
-    spinnerContainerSticky(): string;
-    spinnerComponentWrapper(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    active(t: Theme): string;
+    loader(): string;
+    spinnerContainer(): string;
+    spinnerContainerSticky(): string;
+    spinnerComponentWrapper(): string;
+};

package/components/Loader/index.d.ts

@@ -1 +1 @@
-export * from './Loader';
+export * from './Loader';

package/components/MenuHeader/MenuHeader.d.ts

@@ -1,20 +1,20 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface MenuHeaderProps extends CommonProps {
-    _enableIconPadding?: boolean;
-    children: ReactNode;
-}
-/**
- * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
- *
- * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
- *
- * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
- */
-declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
-declare namespace MenuHeader {
-    var __KONTUR_REACT_UI__: string;
-    var __MENU_HEADER__: boolean;
-}
-export { MenuHeader };
-export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface MenuHeaderProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+}
+/**
+ * `Заголовок меню` используется для того, чтобы разделить `элементы меню` на категории в рамках одного меню.
+ *
+ * _Примечание_: `заголовок меню`, в отличие от `элемента меню` нельзя затаргетить с клавиатуры.
+ *
+ * Сущности в которых может быть использован `MenuHeader`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).
+ */
+declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
+declare namespace MenuHeader {
+    var __KONTUR_REACT_UI__: string;
+    var __MENU_HEADER__: boolean;
+}
+export { MenuHeader };
+export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | React.JSXElementConstructor<any>>;

package/components/MenuHeader/MenuHeader.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    withLeftPadding(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    withLeftPadding(t: Theme): string;
+};

package/components/MenuHeader/index.d.ts

@@ -1 +1 @@
-export * from './MenuHeader';
+export * from './MenuHeader';

package/components/MenuItem/MenuItem/MenuItem.js

@@ -41,8 +41,7 @@ export var MenuItem = /*#__PURE__*/function (_React$Component) {
           component = props.component,
           onMouseEnter = props.onMouseEnter,
           onMouseLeave = props.onMouseLeave,
-          isMobile = props.isMobile,
-          rest = _objectWithoutPropertiesLoose(props, ["link", "comment", "icon", "loose", "state", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave", "isMobile"]);
+          rest = _objectWithoutPropertiesLoose(props, ["link", "comment", "icon", "loose", "state", "_enableIconPadding", "component", "onMouseEnter", "onMouseLeave"]);
 
       var hover = state === 'hover' && !_this.props.disabled;
       var iconElement = null;
@@ -53,7 +52,7 @@ export var MenuItem = /*#__PURE__*/function (_React$Component) {
         }, icon);
       }
 
-      var className = cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootMobile(_this.theme)] = isMobile, _cx[styles.loose()] = !!loose, _cx[styles.hover(_this.theme)] = hover, _cx[styles.selected(_this.theme)] = state === 'selected', _cx[styles.link(_this.theme)] = !!link, _cx[styles.withIcon(_this.theme)] = Boolean(iconElement) || !!_enableIconPadding, _cx[styles.disabled(_this.theme)] = !!_this.props.disabled, _cx));
+      var className = cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.loose()] = !!loose, _cx[styles.hover(_this.theme)] = hover, _cx[styles.selected(_this.theme)] = state === 'selected', _cx[styles.link(_this.theme)] = !!link, _cx[styles.withIcon(_this.theme)] = Boolean(iconElement) || !!_enableIconPadding, _cx[styles.disabled(_this.theme)] = !!_this.props.disabled, _cx));
       var children = _this.props.children;
       var content = children;