@skbkontur/react-ui 1.6.4 → 1.6.8-fixed-modal-stack

package/components/Input/Input.d.ts

@@ -1,146 +1,146 @@
-import * as React from 'react';
-import '../ensureOldIEClassName';
-import { Override, Nullable } from '../../typings/utility-types';
-export declare type InputSize = 'small' | 'medium' | 'large';
-export declare type InputAlign = 'left' | 'center' | 'right';
-export declare type InputType = 'password' | 'text';
-export declare type IconType = React.ReactNode | (() => React.ReactNode);
-export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Иконка слева
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    leftIcon?: IconType;
-    /**
-     * Иконка справа
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
-    rightIcon?: IconType;
-    /** Состояние ошибки */
-    error?: boolean;
-    /** Состояние предупреждения */
-    warning?: boolean;
-    /** Режим прозрачной рамки */
-    borderless?: boolean;
-    /** Выравнивание текста */
-    align?: InputAlign;
-    /** Паттерн маски */
-    mask?: Nullable<string>;
-    /** Символ маски */
-    maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для задания маски
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
-    formatChars?: Record<string, string>;
-    /** Показывать символы маски */
-    alwaysShowMask?: boolean;
-    /** Размер */
-    size?: InputSize;
-    /** onChange */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
-    /** Вызывается на label */
-    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
-    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Тип */
-    type?: InputType;
-    /** Значение */
-    value?: string;
-    capture?: boolean;
-    /**
-     * Префикс
-     * `ReactNode` перед значением, но после иконки
-     */
-    prefix?: React.ReactNode;
-    /**
-     * Суффикс
-     * `ReactNode` после значения, но перед правой иконкой
-     */
-    suffix?: React.ReactNode;
-    /**
-     * @deprecated
-     * 100% ширина в группе, лучше явно передать ширину в компонент
-     */
-    mainInGroup?: boolean;
-    /** Выделять введенное значение при фокусе */
-    selectAllOnFocus?: boolean;
-    /**
-     * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает синим.
-     * Если передан - вызывается переданный обработчик,
-     * в таком случае вспыхивание можно вызвать
-     * публичным методом инстанса `blink()`
-     */
-    onUnexpectedInput?: () => void;
-}>;
-export interface InputVisibilityState {
-    blinking: boolean;
-    focused: boolean;
-}
-export interface InputState extends InputVisibilityState {
-    polyfillPlaceholder: boolean;
-}
-/**
- * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
- */
-declare class Input extends React.Component<InputProps, InputState> {
-    static defaultProps: {
-        size: InputSize;
-    };
-    state: InputState;
-    private selectAllId;
-    private theme;
-    private blinkTimeout;
-    private input;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentWillReceiveProps(nextProps: InputProps): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    blink(): void;
-    /**
-     * @public
-     */
-    setSelectionRange(start: number, end: number): void;
-    readonly isMaskVisible: boolean;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    selectAll: () => void;
-    private delaySelectAll;
-    private cancelDelayedSelectAll;
-    private cancelBlink;
-    private renderMain;
-    private renderMaskedInput;
-    private renderLeftIcon;
-    private renderRightIcon;
-    private renderIcon;
-    private renderPlaceholder;
-    private getSizeClassName;
-    private refInput;
-    private handleChange;
-    private handleFocus;
-    private handleKeyDown;
-    private handleKeyPress;
-    private handleUnexpectedInput;
-    private handleBlur;
-    private renderPrefix;
-    private renderSuffix;
-}
-export default Input;
+import * as React from 'react';
+import '../ensureOldIEClassName';
+import { Override, Nullable } from '../../typings/utility-types';
+export declare type InputSize = 'small' | 'medium' | 'large';
+export declare type InputAlign = 'left' | 'center' | 'right';
+export declare type InputType = 'password' | 'text';
+export declare type IconType = React.ReactNode | (() => React.ReactNode);
+export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
+    /**
+     * Иконка слева
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    leftIcon?: IconType;
+    /**
+     * Иконка справа
+     * Если `ReactNode` применяются дефолтные стили для иконки
+     * Если `() => ReactNode` применяются только стили для позиционирование
+     */
+    rightIcon?: IconType;
+    /** Состояние ошибки */
+    error?: boolean;
+    /** Состояние предупреждения */
+    warning?: boolean;
+    /** Режим прозрачной рамки */
+    borderless?: boolean;
+    /** Выравнивание текста */
+    align?: InputAlign;
+    /** Паттерн маски */
+    mask?: Nullable<string>;
+    /** Символ маски */
+    maskChar?: Nullable<string>;
+    /**
+     * Словарь символов-регулярок для задания маски
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
+     */
+    formatChars?: Record<string, string>;
+    /** Показывать символы маски */
+    alwaysShowMask?: boolean;
+    /** Размер */
+    size?: InputSize;
+    /** onChange */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+    /** Вызывается на label */
+    onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Вызывается на label */
+    onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
+    /** Тип */
+    type?: InputType;
+    /** Значение */
+    value?: string;
+    capture?: boolean;
+    /**
+     * Префикс
+     * `ReactNode` перед значением, но после иконки
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Суффикс
+     * `ReactNode` после значения, но перед правой иконкой
+     */
+    suffix?: React.ReactNode;
+    /**
+     * @deprecated
+     * 100% ширина в группе, лучше явно передать ширину в компонент
+     */
+    mainInGroup?: boolean;
+    /** Выделять введенное значение при фокусе */
+    selectAllOnFocus?: boolean;
+    /**
+     * Обработчик неправильного ввода.
+     * По-умолчанию, инпут вспыхивает синим.
+     * Если передан - вызывается переданный обработчик,
+     * в таком случае вспыхивание можно вызвать
+     * публичным методом инстанса `blink()`
+     */
+    onUnexpectedInput?: () => void;
+}>;
+export interface InputVisibilityState {
+    blinking: boolean;
+    focused: boolean;
+}
+export interface InputState extends InputVisibilityState {
+    polyfillPlaceholder: boolean;
+}
+/**
+ * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+ *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+ */
+declare class Input extends React.Component<InputProps, InputState> {
+    static defaultProps: {
+        size: InputSize;
+    };
+    state: InputState;
+    private selectAllId;
+    private theme;
+    private blinkTimeout;
+    private input;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentWillReceiveProps(nextProps: InputProps): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    blink(): void;
+    /**
+     * @public
+     */
+    setSelectionRange(start: number, end: number): void;
+    readonly isMaskVisible: boolean;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    selectAll: () => void;
+    private delaySelectAll;
+    private cancelDelayedSelectAll;
+    private cancelBlink;
+    private renderMain;
+    private renderMaskedInput;
+    private renderLeftIcon;
+    private renderRightIcon;
+    private renderIcon;
+    private renderPlaceholder;
+    private getSizeClassName;
+    private refInput;
+    private handleChange;
+    private handleFocus;
+    private handleKeyDown;
+    private handleKeyPress;
+    private handleUnexpectedInput;
+    private handleBlur;
+    private renderPrefix;
+    private renderSuffix;
+}
+export default Input;

package/components/Input/Input.js

@@ -12,9 +12,9 @@ var Input_module_less_1 = tslib_1.__importDefault(require("./Input.module.css"))
 var Input_styles_1 = tslib_1.__importDefault(require("./Input.styles"));
 var ThemeConsumer_1 = require("../ThemeConsumer");
 var raf_1 = tslib_1.__importDefault(require("raf"));
-/**
-                                                      * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
-                                                      *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
+/**
+                                                      * Интерфес пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
+                                                      *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
                                                       */
 var Input = /** @class */function (_super) {
   tslib_1.__extends(Input, _super);
@@ -28,8 +28,8 @@ var Input = /** @class */function (_super) {
     _this.selectAllId = null;
     _this.blinkTimeout = 0;
     _this.input = null;
-    /**
-                         * @public
+    /**
+                         * @public
                          */
     _this.selectAll = function () {
       if (_this.input) {
@@ -150,22 +150,22 @@ var Input = /** @class */function (_super) {
       this.setState({ polyfillPlaceholder: true });
     }
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Input.prototype.focus = function () {
     invariant_1["default"](this.input, 'Cannot call "focus" because Input is not mounted');
     this.input.focus();
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Input.prototype.blur = function () {
     invariant_1["default"](this.input, 'Cannot call "blur" because Input is not mounted');
     this.input.blur();
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Input.prototype.blink = function () {
     var _this = this;
@@ -183,8 +183,8 @@ var Input = /** @class */function (_super) {
       _this.blinkTimeout = window.setTimeout(_this.cancelBlink, 150);
     });
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Input.prototype.setSelectionRange = function (start, end) {
     if (!this.input) {

package/components/Input/Input.js.flow

@@ -1,55 +1,55 @@
-/* @flow */
-import type { MouseEventHandler } from '../eventHandlers';
-
-export type InputSize = 'small' | 'medium' | 'large';
-export type InputAlign = 'left' | 'center' | 'right';
-export type InputType = 'password' | 'text';
-export type IconType = React$Node | (() => React$Node);
-
-export type InputProps = {
-  leftIcon?: IconType,
-  rightIcon?: IconType,
-  error?: boolean,
-  warning?: boolean,
-  borderless?: boolean,
-  align?: InputAlign,
-  mask?: ?string,
-  maskChar?: ?string,
-  formatChars?: {
-    [key: string]: string,
-  },
-  alwaysShowMask?: boolean,
-  size?: InputSize,
-  onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
-  onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
-  onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
-  onMouseOver?: MouseEventHandler<HTMLLabelElement>,
-  type?: InputType,
-  value?: string,
-  capture?: boolean,
-  prefix?: React$Node,
-  suffix?: React$Node,
-  mainInGroup?: boolean,
-  selectAllOnFocus?: boolean,
-  onUnexpectedInput?: () => void,
-};
-
-export type InputVisibilityState = {|
-  blinking: boolean,
-  focused: boolean,
-|};
-
-export type InputState = {|
-  ...$Exact<InputVisibilityState>,
-  polyfillPlaceholder: boolean,
-|};
-
-declare class Input extends React$Component<InputProps, InputState> {
-  focus(): void;
-  blur(): void;
-  blink(): void;
-  setSelectionRange(start: number, end: number): void;
-  selectAll: () => void;
-}
-
-export default Input;
+/* @flow */
+import type { MouseEventHandler } from '../eventHandlers';
+
+export type InputSize = 'small' | 'medium' | 'large';
+export type InputAlign = 'left' | 'center' | 'right';
+export type InputType = 'password' | 'text';
+export type IconType = React$Node | (() => React$Node);
+
+export type InputProps = {
+  leftIcon?: IconType,
+  rightIcon?: IconType,
+  error?: boolean,
+  warning?: boolean,
+  borderless?: boolean,
+  align?: InputAlign,
+  mask?: ?string,
+  maskChar?: ?string,
+  formatChars?: {
+    [key: string]: string,
+  },
+  alwaysShowMask?: boolean,
+  size?: InputSize,
+  onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: string) => void,
+  onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
+  onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
+  onMouseOver?: MouseEventHandler<HTMLLabelElement>,
+  type?: InputType,
+  value?: string,
+  capture?: boolean,
+  prefix?: React$Node,
+  suffix?: React$Node,
+  mainInGroup?: boolean,
+  selectAllOnFocus?: boolean,
+  onUnexpectedInput?: () => void,
+};
+
+export type InputVisibilityState = {|
+  blinking: boolean,
+  focused: boolean,
+|};
+
+export type InputState = {|
+  ...$Exact<InputVisibilityState>,
+  polyfillPlaceholder: boolean,
+|};
+
+declare class Input extends React$Component<InputProps, InputState> {
+  focus(): void;
+  blur(): void;
+  blink(): void;
+  setSelectionRange(start: number, end: number): void;
+  selectAll: () => void;
+}
+
+export default Input;

package/components/Input/Input.styles.d.ts

@@ -1,18 +1,18 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsClasses: {
-    root(t: ITheme): string;
-    useDefaultColor(t: ITheme): string;
-    focus(t: ITheme): string;
-    placeholder(t: ITheme): string;
-    input(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-    disabled(t: ITheme): string;
-    blink(t: ITheme): string;
-    sizeSmall(t: ITheme): string;
-    sizeMedium(t: ITheme): string;
-    sizeLarge(t: ITheme): string;
-    prefix(t: ITheme): string;
-    suffix(t: ITheme): string;
-};
-export default jsClasses;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsClasses: {
+    root(t: ITheme): string;
+    useDefaultColor(t: ITheme): string;
+    focus(t: ITheme): string;
+    placeholder(t: ITheme): string;
+    input(t: ITheme): string;
+    warning(t: ITheme): string;
+    error(t: ITheme): string;
+    disabled(t: ITheme): string;
+    blink(t: ITheme): string;
+    sizeSmall(t: ITheme): string;
+    sizeMedium(t: ITheme): string;
+    sizeLarge(t: ITheme): string;
+    prefix(t: ITheme): string;
+    suffix(t: ITheme): string;
+};
+export default jsClasses;

package/components/Input/README.md

@@ -1,13 +1,13 @@
-```jsx
-const SearchIcon = require('@skbkontur/react-icons/Search').default;
-
-<Input leftIcon={<SearchIcon />} />;
-```
-
-Пример с префиксом:
-
-```jsx
-const SearchIcon = require('@skbkontur/react-icons/Search').default;
-
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
-```
+```jsx
+const SearchIcon = require('@skbkontur/react-icons/Search').default;
+
+<Input leftIcon={<SearchIcon />} />;
+```
+
+Пример с префиксом:
+
+```jsx
+const SearchIcon = require('@skbkontur/react-icons/Search').default;
+
+<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
+```

package/components/Input/index.d.ts

@@ -1 +1 @@
-export { default, InputProps, InputState, InputAlign, InputSize } from './Input';
+export { default, InputProps, InputState, InputAlign, InputSize } from './Input';

package/components/Input/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, InputProps, InputState, InputAlign, InputSize } from './Input';
+/* @flow */
+export { default, InputProps, InputState, InputAlign, InputSize } from './Input';

package/components/Kebab/Kebab.d.ts

@@ -1,60 +1,60 @@
-import * as React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { PopupPosition } from '../Popup';
-export interface KebabProps {
-    disabled?: boolean;
-    /**
-     * Функция вызываемая при закрытии выпадашки
-     * @default () => undefined
-     */
-    onClose: () => void;
-    /**
-     * Функция вызываемая при открытии выпадашки
-     * @default () => undefined
-     */
-    onOpen: () => void;
-    size: 'small' | 'medium' | 'large';
-    /**
-     * Список позиций доступных для расположения выпадашки
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions: PopupPosition[];
-    menuMaxHeight?: number | string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-export interface KebabState {
-    anchor: Nullable<HTMLElement>;
-    focusedByTab: boolean;
-    opened: boolean;
-}
-export default class Kebab extends React.Component<KebabProps, KebabState> {
-    static propTypes: {};
-    static defaultProps: {
-        onOpen: () => undefined;
-        onClose: () => undefined;
-        positions: string[];
-        size: string;
-        disableAnimations: boolean;
-    };
-    state: {
-        opened: boolean;
-        focusedByTab: boolean;
-        anchor: null;
-    };
-    private theme;
-    private listener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderCaption;
-    private handleCaptionKeyDown;
-    private handleChangeMenuState;
-    private handleFocus;
-    private handleBlur;
-    private renderIcon;
-}
+import * as React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { PopupPosition } from '../Popup';
+export interface KebabProps {
+    disabled?: boolean;
+    /**
+     * Функция вызываемая при закрытии выпадашки
+     * @default () => undefined
+     */
+    onClose: () => void;
+    /**
+     * Функция вызываемая при открытии выпадашки
+     * @default () => undefined
+     */
+    onOpen: () => void;
+    size: 'small' | 'medium' | 'large';
+    /**
+     * Список позиций доступных для расположения выпадашки
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions: PopupPosition[];
+    menuMaxHeight?: number | string;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+export interface KebabState {
+    anchor: Nullable<HTMLElement>;
+    focusedByTab: boolean;
+    opened: boolean;
+}
+export default class Kebab extends React.Component<KebabProps, KebabState> {
+    static propTypes: {};
+    static defaultProps: {
+        onOpen: () => undefined;
+        onClose: () => undefined;
+        positions: string[];
+        size: string;
+        disableAnimations: boolean;
+    };
+    state: {
+        opened: boolean;
+        focusedByTab: boolean;
+        anchor: null;
+    };
+    private theme;
+    private listener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderCaption;
+    private handleCaptionKeyDown;
+    private handleChangeMenuState;
+    private handleFocus;
+    private handleBlur;
+    private renderIcon;
+}