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

package/components/Autocomplete/README.md

@@ -1,7 +1,7 @@
-```js
-let items = ['Grey Face', 'Grey Space', 'Kappa', 'Keepo', 'Resident Sleeper'];
-
-let initialState = { value: 'Kappa' };
-
-<Autocomplete source={items} value={state.value} onChange={(_, value) => setState({ value })} />;
-```
+```js
+let items = ['Grey Face', 'Grey Space', 'Kappa', 'Keepo', 'Resident Sleeper'];
+
+let initialState = { value: 'Kappa' };
+
+<Autocomplete source={items} value={state.value} onChange={(_, value) => setState({ value })} />;
+```

package/components/Autocomplete/index.d.ts

@@ -1 +1 @@
-export { default, AutocompleteProps, AutocomplpeteState } from './Autocomplete';
+export { default, AutocompleteProps, AutocomplpeteState } from './Autocomplete';

package/components/Autocomplete/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, AutocompleteProps, AutocomplpeteState } from './Autocomplete';
+/* @flow */
+export { default, AutocompleteProps, AutocomplpeteState } from './Autocomplete';

package/components/Button/Button.adapter.d.ts

@@ -1,3 +1,3 @@
-import Button, { isButton } from './Button.js';
-export { isButton };
-export default Button;
+import Button, { isButton } from './Button.js';
+export { isButton };
+export default Button;

package/components/Button/Button.adapter.js.flow

@@ -1,4 +1,4 @@
-/* @flow */
-import Button from './Button.js';
-
-export default Button;
+/* @flow */
+import Button from './Button.js';
+
+export default Button;

package/components/Button/Button.d.ts

@@ -1,98 +1,98 @@
-import * as React from 'react';
-import '../ensureOldIEClassName';
-export declare type ButtonSize = 'small' | 'medium' | 'large';
-export declare type ButtonType = 'button' | 'submit' | 'reset';
-export declare type ButtonArrow = boolean | 'left';
-export declare type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';
-export interface ButtonProps {
-    /** @ignore */
-    _noPadding?: boolean;
-    /** @ignore */
-    _noRightPadding?: boolean;
-    /**
-     * Визуально нажатое состояние.
-     */
-    active?: boolean;
-    /** `type TextAlignProperty = "inherit" | "initial" | "unset" | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start"` */
-    align?: React.CSSProperties['textAlign'];
-    /**
-     * Кнопка со стрелкой.
-     *
-     * `type ButtonArrow = boolean | "left"`
-     */
-    arrow?: ButtonArrow;
-    autoFocus?: boolean;
-    borderless?: boolean;
-    checked?: boolean;
-    children?: React.ReactNode;
-    /** @ignore */
-    corners?: number;
-    disabled?: boolean;
-    /** @ignore */
-    disableFocus?: boolean;
-    error?: boolean;
-    focused?: boolean;
-    /**
-     * Иконка слева от текста кнопки.
-     */
-    icon?: React.ReactElement<any>;
-    loading?: boolean;
-    narrow?: boolean;
-    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
-    /** `type ButtonSize = "small" | "medium" | "large"` */
-    size?: ButtonSize;
-    /** `type ButtonType = "button" | "submit" | "reset"` */
-    type?: ButtonType;
-    /**
-     * Вариант использования. Влияет на цвет кнопки.
-     *
-     * `type ButtonUse = "default" | "primary" | "success" | "danger" | "pay" | "link"`
-     */
-    use?: ButtonUse;
-    /** @ignore */
-    visuallyFocused?: boolean;
-    warning?: boolean;
-    width?: number | string;
-}
-export interface ButtonState {
-    focusedByTab: boolean;
-}
-export default class Button extends React.Component<ButtonProps, ButtonState> {
-    static __BUTTON__: boolean;
-    static TOP_LEFT: number;
-    static TOP_RIGHT: number;
-    static BOTTOM_RIGHT: number;
-    static BOTTOM_LEFT: number;
-    static defaultProps: {
-        use: string;
-        size: string;
-        type: string;
-    };
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
-    private _node;
-    componentDidMount(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private getSizeClassName;
-    private handleFocus;
-    private handleBlur;
-    private _ref;
-}
-export declare const isButton: (child: React.ReactChild) => child is React.ReactElement<ButtonProps>;
+import * as React from 'react';
+import '../ensureOldIEClassName';
+export declare type ButtonSize = 'small' | 'medium' | 'large';
+export declare type ButtonType = 'button' | 'submit' | 'reset';
+export declare type ButtonArrow = boolean | 'left';
+export declare type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';
+export interface ButtonProps {
+    /** @ignore */
+    _noPadding?: boolean;
+    /** @ignore */
+    _noRightPadding?: boolean;
+    /**
+     * Визуально нажатое состояние.
+     */
+    active?: boolean;
+    /** `type TextAlignProperty = "inherit" | "initial" | "unset" | "center" | "end" | "justify" | "left" | "match-parent" | "right" | "start"` */
+    align?: React.CSSProperties['textAlign'];
+    /**
+     * Кнопка со стрелкой.
+     *
+     * `type ButtonArrow = boolean | "left"`
+     */
+    arrow?: ButtonArrow;
+    autoFocus?: boolean;
+    borderless?: boolean;
+    checked?: boolean;
+    children?: React.ReactNode;
+    /** @ignore */
+    corners?: number;
+    disabled?: boolean;
+    /** @ignore */
+    disableFocus?: boolean;
+    error?: boolean;
+    focused?: boolean;
+    /**
+     * Иконка слева от текста кнопки.
+     */
+    icon?: React.ReactElement<any>;
+    loading?: boolean;
+    narrow?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
+    /** `type ButtonSize = "small" | "medium" | "large"` */
+    size?: ButtonSize;
+    /** `type ButtonType = "button" | "submit" | "reset"` */
+    type?: ButtonType;
+    /**
+     * Вариант использования. Влияет на цвет кнопки.
+     *
+     * `type ButtonUse = "default" | "primary" | "success" | "danger" | "pay" | "link"`
+     */
+    use?: ButtonUse;
+    /** @ignore */
+    visuallyFocused?: boolean;
+    warning?: boolean;
+    width?: number | string;
+}
+export interface ButtonState {
+    focusedByTab: boolean;
+}
+export default class Button extends React.Component<ButtonProps, ButtonState> {
+    static __BUTTON__: boolean;
+    static TOP_LEFT: number;
+    static TOP_RIGHT: number;
+    static BOTTOM_RIGHT: number;
+    static BOTTOM_LEFT: number;
+    static defaultProps: {
+        use: string;
+        size: string;
+        type: string;
+    };
+    state: {
+        focusedByTab: boolean;
+    };
+    private theme;
+    private _node;
+    componentDidMount(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private getSizeClassName;
+    private handleFocus;
+    private handleBlur;
+    private _ref;
+}
+export declare const isButton: (child: React.ReactChild) => child is React.ReactElement<ButtonProps>;

package/components/Button/Button.js

@@ -50,16 +50,16 @@ var Button = /** @class */function (_super) {
       this.focus();
     }
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Button.prototype.focus = function () {
     if (this._node) {
       this._node.focus();
     }
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   Button.prototype.blur = function () {
     if (this._node) {

package/components/Button/Button.js.flow

@@ -1,58 +1,58 @@
-/* @flow */
-import * as CSS from 'csstype';
-import type { FocusEventHandler, MouseEventHandler, KeyboardEventHandler } from '../eventHandlers';
-
-export type ButtonSize = 'small' | 'medium' | 'large';
-export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonArrow = boolean | 'left';
-export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';
-
-export type ButtonProps = {|
-  _noPadding?: boolean,
-  _noRightPadding?: boolean,
-  active?: boolean,
-  align?: CSS.TextAlignProperty,
-  arrow?: ButtonArrow,
-  autoFocus?: boolean,
-  borderless?: boolean,
-  checked?: boolean,
-  children?: React$Node,
-  corners?: number,
-  disabled?: boolean,
-  disableFocus?: boolean,
-  error?: boolean,
-  focused?: boolean,
-  // eslint-disable-next-line flowtype/no-weak-types
-  icon?: React$Element<any>,
-  loading?: boolean,
-  narrow?: boolean,
-  onBlur?: FocusEventHandler<HTMLButtonElement>,
-  onClick?: MouseEventHandler<HTMLButtonElement>,
-  onFocus?: FocusEventHandler<HTMLButtonElement>,
-  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>,
-  onMouseEnter?: MouseEventHandler<HTMLButtonElement>,
-  onMouseLeave?: MouseEventHandler<HTMLButtonElement>,
-  onMouseOver?: MouseEventHandler<HTMLButtonElement>,
-  size?: ButtonSize,
-  type?: ButtonType,
-  use?: ButtonUse,
-  visuallyFocused?: boolean,
-  warning?: boolean,
-  width?: number | string,
-|};
-
-export type ButtonState = {|
-  focusedByTab: boolean,
-|};
-
-declare class Button extends React$Component<ButtonProps, ButtonState> {
-  static TOP_LEFT: number;
-  static TOP_RIGHT: number;
-  static BOTTOM_RIGHT: number;
-  static BOTTOM_LEFT: number;
-
-  focus(): void;
-  blur(): void;
-}
-
-export default Button;
+/* @flow */
+import * as CSS from 'csstype';
+import type { FocusEventHandler, MouseEventHandler, KeyboardEventHandler } from '../eventHandlers';
+
+export type ButtonSize = 'small' | 'medium' | 'large';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonArrow = boolean | 'left';
+export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';
+
+export type ButtonProps = {|
+  _noPadding?: boolean,
+  _noRightPadding?: boolean,
+  active?: boolean,
+  align?: CSS.TextAlignProperty,
+  arrow?: ButtonArrow,
+  autoFocus?: boolean,
+  borderless?: boolean,
+  checked?: boolean,
+  children?: React$Node,
+  corners?: number,
+  disabled?: boolean,
+  disableFocus?: boolean,
+  error?: boolean,
+  focused?: boolean,
+  // eslint-disable-next-line flowtype/no-weak-types
+  icon?: React$Element<any>,
+  loading?: boolean,
+  narrow?: boolean,
+  onBlur?: FocusEventHandler<HTMLButtonElement>,
+  onClick?: MouseEventHandler<HTMLButtonElement>,
+  onFocus?: FocusEventHandler<HTMLButtonElement>,
+  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>,
+  onMouseEnter?: MouseEventHandler<HTMLButtonElement>,
+  onMouseLeave?: MouseEventHandler<HTMLButtonElement>,
+  onMouseOver?: MouseEventHandler<HTMLButtonElement>,
+  size?: ButtonSize,
+  type?: ButtonType,
+  use?: ButtonUse,
+  visuallyFocused?: boolean,
+  warning?: boolean,
+  width?: number | string,
+|};
+
+export type ButtonState = {|
+  focusedByTab: boolean,
+|};
+
+declare class Button extends React$Component<ButtonProps, ButtonState> {
+  static TOP_LEFT: number;
+  static TOP_RIGHT: number;
+  static BOTTOM_RIGHT: number;
+  static BOTTOM_LEFT: number;
+
+  focus(): void;
+  blur(): void;
+}
+
+export default Button;

package/components/Button/Button.mixins.d.ts

@@ -1,4 +1,4 @@
-export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, arrowBackgroundStart: string, arrowBackgroundEnd: string, shadow: string, shadowArrow: string, shadowArrowLeft: string, color: string, border: string) => string;
-export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, arrowBackgroundStart: string, arrowBackgroundEnd: string, btnShadow: string, arrowShadow: string, arrowLeftShadow: string, btnBorder: string) => string;
-export declare const buttonActiveMixin: (btnBackground: string, arrowBackground: string, arrowLeftBackground: string, btnShadow: string, arrowShadow: string, arrowLeftShadow: string) => string;
-export declare const buttonSizeMixin: (fontSize: string, height: string, heightShift: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, arrowBackgroundStart: string, arrowBackgroundEnd: string, shadow: string, shadowArrow: string, shadowArrowLeft: string, color: string, border: string) => string;
+export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, arrowBackgroundStart: string, arrowBackgroundEnd: string, btnShadow: string, arrowShadow: string, arrowLeftShadow: string, btnBorder: string) => string;
+export declare const buttonActiveMixin: (btnBackground: string, arrowBackground: string, arrowLeftBackground: string, btnShadow: string, arrowShadow: string, arrowLeftShadow: string) => string;
+export declare const buttonSizeMixin: (fontSize: string, height: string, heightShift: string, lineHeight: string, paddingX: string, paddingY: string) => string;

package/components/Button/Button.styles.d.ts

@@ -1,22 +1,22 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsClasses: {
-    root(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-    sizeSmall(t: ITheme): string;
-    sizeMedium(t: ITheme): string;
-    sizeLarge(t: ITheme): string;
-    link(t: ITheme): string;
-    focus(t: ITheme): string;
-    disabled(t: ITheme): string;
-    arrow_warning(t: ITheme): string;
-    arrow_error(t: ITheme): string;
-    default(t: ITheme): string;
-    primary(t: ITheme): string;
-    success(t: ITheme): string;
-    danger(t: ITheme): string;
-    pay(t: ITheme): string;
-    checked(t: ITheme): string;
-    wrap(t: ITheme): string;
-};
-export default jsClasses;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsClasses: {
+    root(t: ITheme): string;
+    warning(t: ITheme): string;
+    error(t: ITheme): string;
+    sizeSmall(t: ITheme): string;
+    sizeMedium(t: ITheme): string;
+    sizeLarge(t: ITheme): string;
+    link(t: ITheme): string;
+    focus(t: ITheme): string;
+    disabled(t: ITheme): string;
+    arrow_warning(t: ITheme): string;
+    arrow_error(t: ITheme): string;
+    default(t: ITheme): string;
+    primary(t: ITheme): string;
+    success(t: ITheme): string;
+    danger(t: ITheme): string;
+    pay(t: ITheme): string;
+    checked(t: ITheme): string;
+    wrap(t: ITheme): string;
+};
+export default jsClasses;

package/components/Button/Corners.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
-    TOP_LEFT: number;
-    TOP_RIGHT: number;
-    BOTTOM_RIGHT: number;
-    BOTTOM_LEFT: number;
-};
-export default _default;
+declare const _default: {
+    TOP_LEFT: number;
+    TOP_RIGHT: number;
+    BOTTOM_RIGHT: number;
+    BOTTOM_LEFT: number;
+};
+export default _default;

package/components/Button/Corners.js.flow

@@ -1,12 +1,12 @@
-/* @flow */
-
-type Corners = {|
-  TOP_LEFT: number,
-  TOP_RIGHT: number,
-  BOTTOM_RIGHT: number,
-  BOTTOM_LEFT: number,
-|};
-
-var corners: Corners;
-
-export default corners;
+/* @flow */
+
+type Corners = {|
+  TOP_LEFT: number,
+  TOP_RIGHT: number,
+  BOTTOM_RIGHT: number,
+  BOTTOM_LEFT: number,
+|};
+
+var corners: Corners;
+
+export default corners;

package/components/Button/README.md

@@ -1,85 +1,85 @@
-Button example
-
-```js
-const OkIcon = require('@skbkontur/react-icons/Ok').default;
-
-<Button icon={<OkIcon />}>Ok</Button>;
-```
-
-Button has different use styles
-
-```js
-const Gapped = require('../Gapped').default;
-
-<Gapped>
-  <Button use="default">Default</Button>
-  <Button use="primary">Primary</Button>
-  <Button use="success">Success</Button>
-  <Button use="danger">Danger</Button>
-  <Button use="pay">Pay</Button>
-  <Button use="link">Link</Button>
-</Gapped>;
-```
-
-Button can have different sizes
-
-```js
-const Gapped = require('../Gapped').default;
-
-<Gapped>
-  <Button size="small">Small</Button>
-  <Button size="medium">Medium</Button>
-  <Button size="large">Large</Button>
-</Gapped>;
-```
-
-Кнопки-стрелки
-
-```jsx
-<Gapped gap={25}>
-  <Gapped gap={5}>
-    <Button arrow="left" size="medium">
-      Назад
-    </Button>
-    <Button arrow size="medium">
-      Далее
-    </Button>
-  </Gapped>
-  <Gapped gap={5}>
-    <Button arrow="left" size="large">
-      Назад
-    </Button>
-    <Button arrow size="large">
-      Далее
-    </Button>
-  </Gapped>
-</Gapped>
-```
-
-Кнопка в сочетании со спиннером
-
-```jsx
-const OkIcon = require('@skbkontur/react-icons/Ok').default;
-
-const initialState = {
-  loading: false,
-  success: false,
-};
-
-const delay = (time = 0) => data => new Promise(resolve => setTimeout(resolve, time, data));
-
-const handleLoadingStart = () => {
-  delay(2000)()
-    .then(() => new Promise(resolve => setState({ loading: false, success: true }, resolve)))
-    .then(delay(1000))
-    .then(() => setState({ success: false }));
-};
-
-const handleClick = () => {
-  setState({ loading: true, success: false }, handleLoadingStart);
-};
-
-<Button width={150} onClick={handleClick} disabled={state.loading}>
-  {state.loading ? <Spinner type="mini" caption={null} /> : state.success ? <OkIcon /> : 'Сохранить'}
-</Button>;
-```
+Button example
+
+```js
+const OkIcon = require('@skbkontur/react-icons/Ok').default;
+
+<Button icon={<OkIcon />}>Ok</Button>;
+```
+
+Button has different use styles
+
+```js
+const Gapped = require('../Gapped').default;
+
+<Gapped>
+  <Button use="default">Default</Button>
+  <Button use="primary">Primary</Button>
+  <Button use="success">Success</Button>
+  <Button use="danger">Danger</Button>
+  <Button use="pay">Pay</Button>
+  <Button use="link">Link</Button>
+</Gapped>;
+```
+
+Button can have different sizes
+
+```js
+const Gapped = require('../Gapped').default;
+
+<Gapped>
+  <Button size="small">Small</Button>
+  <Button size="medium">Medium</Button>
+  <Button size="large">Large</Button>
+</Gapped>;
+```
+
+Кнопки-стрелки
+
+```jsx
+<Gapped gap={25}>
+  <Gapped gap={5}>
+    <Button arrow="left" size="medium">
+      Назад
+    </Button>
+    <Button arrow size="medium">
+      Далее
+    </Button>
+  </Gapped>
+  <Gapped gap={5}>
+    <Button arrow="left" size="large">
+      Назад
+    </Button>
+    <Button arrow size="large">
+      Далее
+    </Button>
+  </Gapped>
+</Gapped>
+```
+
+Кнопка в сочетании со спиннером
+
+```jsx
+const OkIcon = require('@skbkontur/react-icons/Ok').default;
+
+const initialState = {
+  loading: false,
+  success: false,
+};
+
+const delay = (time = 0) => data => new Promise(resolve => setTimeout(resolve, time, data));
+
+const handleLoadingStart = () => {
+  delay(2000)()
+    .then(() => new Promise(resolve => setState({ loading: false, success: true }, resolve)))
+    .then(delay(1000))
+    .then(() => setState({ success: false }));
+};
+
+const handleClick = () => {
+  setState({ loading: true, success: false }, handleLoadingStart);
+};
+
+<Button width={150} onClick={handleClick} disabled={state.loading}>
+  {state.loading ? <Spinner type="mini" caption={null} /> : state.success ? <OkIcon /> : 'Сохранить'}
+</Button>;
+```

package/components/Button/index.d.ts

@@ -1 +1 @@
-export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse, isButton } from './Button';
+export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse, isButton } from './Button';

package/components/Button/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse } from './Button';
+/* @flow */
+export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse } from './Button';