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

package/components/FxInput/FxInput.d.ts

@@ -1,44 +1,44 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import Input, { InputProps } from '../Input';
-import CurrencyInput, { CurrencyInputProps } from '../CurrencyInput';
-import { Override } from '../../typings/utility-types';
-export declare type FxInputProps = Override<CurrencyInputProps, {
-    /** Авто-режим */
-    auto?: boolean;
-    /** Тип инпута */
-    type?: 'currency' | InputProps['type'];
-    /** onRestore */
-    onRestore?: () => void;
-    /** onChange */
-    onChange: CurrencyInputProps['onChange'] | InputProps['onChange'];
-    /** Значение */
-    value?: React.ReactText;
-    /** ref Input'а */
-    refInput?: (element: CurrencyInput | Input | null) => void;
-}>;
-export interface FxInputDefaultProps {
-    width: FxInputProps['width'];
-    type: FxInputProps['type'];
-}
-/** Принимает все свойства `Input`'a */
-declare class FxInput extends React.Component<FxInputProps> {
-    static propTypes: {
-        auto: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-    static defaultProps: FxInputDefaultProps;
-    private input;
-    private getProps;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private refInput;
-}
-export default FxInput;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import Input, { InputProps } from '../Input';
+import CurrencyInput, { CurrencyInputProps } from '../CurrencyInput';
+import { Override } from '../../typings/utility-types';
+export declare type FxInputProps = Override<CurrencyInputProps, {
+    /** Авто-режим */
+    auto?: boolean;
+    /** Тип инпута */
+    type?: 'currency' | InputProps['type'];
+    /** onRestore */
+    onRestore?: () => void;
+    /** onChange */
+    onChange: CurrencyInputProps['onChange'] | InputProps['onChange'];
+    /** Значение */
+    value?: React.ReactText;
+    /** ref Input'а */
+    refInput?: (element: CurrencyInput | Input | null) => void;
+}>;
+export interface FxInputDefaultProps {
+    width: FxInputProps['width'];
+    type: FxInputProps['type'];
+}
+/** Принимает все свойства `Input`'a */
+declare class FxInput extends React.Component<FxInputProps> {
+    static propTypes: {
+        auto: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+    };
+    static defaultProps: FxInputDefaultProps;
+    private input;
+    private getProps;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    private refInput;
+}
+export default FxInput;

package/components/FxInput/FxInput.js

@@ -17,16 +17,16 @@ var FxInput = /** @class */function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
     _this.input = null;
     _this.getProps = createPropsGetter_1.createPropsGetter(FxInput.defaultProps);
-    /**
-                                                                                   * @public
+    /**
+                                                                                   * @public
                                                                                    */
     _this.focus = function () {
       if (_this.input) {
         _this.input.focus();
       }
     };
-    /**
-        * @public
+    /**
+        * @public
         */
     _this.blur = function () {
       if (_this.input) {

package/components/FxInput/FxInput.js.flow

@@ -1,24 +1,24 @@
-/* @flow */
-import Input, { type InputProps } from '../Input';
-import CurrencyInput, { type CurrencyInputProps } from '../CurrencyInput';
-
-export type FxInputProps = {
-  auto?: boolean,
-  type?: 'currency' | $PropertyType<InputProps, 'type'>,
-  onRestore?: () => void,
-  onChange: $PropertyType<CurrencyInputProps, 'onChange'> | $PropertyType<InputProps, 'onChange'>,
-  value?: string | number,
-  refInput?: (element: CurrencyInput | Input | null) => void,
-};
-
-export type FxInputDefaultProps = {|
-  width: $PropertyType<FxInputProps, 'width'>,
-  type: $PropertyType<FxInputProps, 'type'>,
-|};
-
-declare class FxInput extends React$Component<FxInputProps> {
-  focus: () => void;
-  blur: () => void;
-}
-
-export default FxInput;
+/* @flow */
+import Input, { type InputProps } from '../Input';
+import CurrencyInput, { type CurrencyInputProps } from '../CurrencyInput';
+
+export type FxInputProps = {
+  auto?: boolean,
+  type?: 'currency' | $PropertyType<InputProps, 'type'>,
+  onRestore?: () => void,
+  onChange: $PropertyType<CurrencyInputProps, 'onChange'> | $PropertyType<InputProps, 'onChange'>,
+  value?: string | number,
+  refInput?: (element: CurrencyInput | Input | null) => void,
+};
+
+export type FxInputDefaultProps = {|
+  width: $PropertyType<FxInputProps, 'width'>,
+  type: $PropertyType<FxInputProps, 'type'>,
+|};
+
+declare class FxInput extends React$Component<FxInputProps> {
+  focus: () => void;
+  blur: () => void;
+}
+
+export default FxInput;

package/components/FxInput/README.md

@@ -1,13 +1,13 @@
-```js
-let initialState = { auto: false };
-
-function handleChange(event) {
-  setState({ auto: false, value: event.target.value });
-}
-
-function handleRestore() {
-  setState({ auto: true, value: 'auto' });
-}
-
-<FxInput auto={state.auto} value={state.value} onChange={handleChange} onRestore={handleRestore} />;
-```
+```js
+let initialState = { auto: false };
+
+function handleChange(event) {
+  setState({ auto: false, value: event.target.value });
+}
+
+function handleRestore() {
+  setState({ auto: true, value: 'auto' });
+}
+
+<FxInput auto={state.auto} value={state.value} onChange={handleChange} onRestore={handleRestore} />;
+```

package/components/FxInput/index.d.ts

@@ -1 +1 @@
-export { default, FxInputProps } from './FxInput';
+export { default, FxInputProps } from './FxInput';

package/components/FxInput/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, FxInputProps } from './FxInput';
+/* @flow */
+export { default, FxInputProps } from './FxInput';

package/components/Gapped/Gapped.d.ts

@@ -1,35 +1,35 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-export interface GappedProps {
-    gap?: number;
-    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
-    vertical?: boolean;
-    children: React.ReactNode;
-}
-/**
- * Контейнер, расстояние между элементами в котором равно `gap`.
- */
-declare class Gapped extends React.Component<GappedProps> {
-    static propTypes: {
-        /**
-         * Расстояние между элементами.
-         */
-        gap: PropTypes.Requireable<number>;
-        /**
-         * Располагать элементы вертикально.
-         */
-        vertical: PropTypes.Requireable<boolean>;
-        /**
-         * Вертикальное выравнивание элементов.
-         */
-        verticalAlign: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        gap: number;
-        verticalAlign: string;
-    };
-    render(): JSX.Element;
-    private _renderVertical;
-    private _renderHorizontal;
-}
-export default Gapped;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+export interface GappedProps {
+    gap?: number;
+    verticalAlign?: 'top' | 'middle' | 'baseline' | 'bottom';
+    vertical?: boolean;
+    children: React.ReactNode;
+}
+/**
+ * Контейнер, расстояние между элементами в котором равно `gap`.
+ */
+declare class Gapped extends React.Component<GappedProps> {
+    static propTypes: {
+        /**
+         * Расстояние между элементами.
+         */
+        gap: PropTypes.Requireable<number>;
+        /**
+         * Располагать элементы вертикально.
+         */
+        vertical: PropTypes.Requireable<boolean>;
+        /**
+         * Вертикальное выравнивание элементов.
+         */
+        verticalAlign: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        gap: number;
+        verticalAlign: string;
+    };
+    render(): JSX.Element;
+    private _renderVertical;
+    private _renderHorizontal;
+}
+export default Gapped;

package/components/Gapped/Gapped.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 var PropTypes = tslib_1.__importStar(require("prop-types"));
-/**
-                                                              * Контейнер, расстояние между элементами в котором равно `gap`.
+/**
+                                                              * Контейнер, расстояние между элементами в котором равно `gap`.
                                                               */
 var Gapped = /** @class */function (_super) {
   tslib_1.__extends(Gapped, _super);
@@ -56,16 +56,16 @@ var Gapped = /** @class */function (_super) {
     React.createElement("div", { style: contStyle }, children));
   };
   Gapped.propTypes = {
-    /**
-                        * Расстояние между элементами.
+    /**
+                        * Расстояние между элементами.
                         */
     gap: PropTypes.number,
-    /**
-                            * Располагать элементы вертикально.
+    /**
+                            * Располагать элементы вертикально.
                             */
     vertical: PropTypes.bool,
-    /**
-                               * Вертикальное выравнивание элементов.
+    /**
+                               * Вертикальное выравнивание элементов.
                                */
     verticalAlign: PropTypes.oneOf(['top', 'middle', 'baseline', 'bottom']) };
 

package/components/Gapped/Gapped.js.flow

@@ -1,13 +1,13 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-export type GappedProps = {|
-  gap?: number,
-  verticalAlign?: CSS.VerticalAlignProperty<string | number>,
-  vertical?: boolean,
-  children: React$Node,
-|};
-
-declare class Gapped extends React$Component<GappedProps> {}
-
-export default Gapped;
+/* @flow */
+import * as CSS from 'csstype';
+
+export type GappedProps = {|
+  gap?: number,
+  verticalAlign?: CSS.VerticalAlignProperty<string | number>,
+  vertical?: boolean,
+  children: React$Node,
+|};
+
+declare class Gapped extends React$Component<GappedProps> {}
+
+export default Gapped;

package/components/Gapped/README.md

@@ -1,6 +1,6 @@
-```js
-<Gapped gap={20}>
-  <span>10</span>
-  <span>20</span>
-</Gapped>
-```
+```js
+<Gapped gap={20}>
+  <span>10</span>
+  <span>20</span>
+</Gapped>
+```

package/components/Gapped/index.d.ts

@@ -1 +1 @@
-export { default, GappedProps } from './Gapped';
+export { default, GappedProps } from './Gapped';

package/components/Gapped/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, GappedProps } from './Gapped';
+/* @flow */
+export { default, GappedProps } from './Gapped';

package/components/Group/Group.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import '../ensureOldIEClassName';
-export interface GroupProps {
-    width?: React.CSSProperties['width'];
-}
-export interface GroupChildProps {
-    /** @deprecated */
-    mainInGroup?: boolean;
-    width?: React.CSSProperties['width'];
-    corners?: number;
-}
-/**
- * Главному *Input*, который должен занимать всю доступную ширину, нужно
- * передать свойство `mainInGroup`;
- */
-declare class Group extends React.Component<GroupProps> {
-    static propTypes: {
-        width: PropTypes.Requireable<string | number>;
-    };
-    render(): JSX.Element;
-}
-export default Group;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import '../ensureOldIEClassName';
+export interface GroupProps {
+    width?: React.CSSProperties['width'];
+}
+export interface GroupChildProps {
+    /** @deprecated */
+    mainInGroup?: boolean;
+    width?: React.CSSProperties['width'];
+    corners?: number;
+}
+/**
+ * Главному *Input*, который должен занимать всю доступную ширину, нужно
+ * передать свойство `mainInGroup`;
+ */
+declare class Group extends React.Component<GroupProps> {
+    static propTypes: {
+        width: PropTypes.Requireable<string | number>;
+    };
+    render(): JSX.Element;
+}
+export default Group;

package/components/Group/Group.js

@@ -8,9 +8,9 @@ require("../ensureOldIEClassName");
 var Group_module_less_1 = tslib_1.__importDefault(require("./Group.module.css"));
 var Button_1 = require("../Button");
 var Emotion_1 = require("../../lib/theming/Emotion");
-/**
-                                                       * Главному *Input*, который должен занимать всю доступную ширину, нужно
-                                                       * передать свойство `mainInGroup`;
+/**
+                                                       * Главному *Input*, который должен занимать всю доступную ширину, нужно
+                                                       * передать свойство `mainInGroup`;
                                                        */
 var Group = /** @class */function (_super) {
   tslib_1.__extends(Group, _super);

package/components/Group/Group.js.flow

@@ -1,14 +1,14 @@
-/* @flow */
-export type GroupProps = {|
-  width?: string | number,
-|};
-
-export type GroupChildProps = {|
-  mainInGroup?: boolean,
-  width?: string | number,
-  corners?: number,
-|};
-
-declare class Group extends React$Component<GroupProps> {}
-
-export default Group;
+/* @flow */
+export type GroupProps = {|
+  width?: string | number,
+|};
+
+export type GroupChildProps = {|
+  mainInGroup?: boolean,
+  width?: string | number,
+  corners?: number,
+|};
+
+declare class Group extends React$Component<GroupProps> {}
+
+export default Group;

package/components/Group/README.md

@@ -1,27 +1,27 @@
-```jsx
-const { default: UndoIcon } = require('@skbkontur/react-icons/Undo');
-const { default: FunctionIcon } = require('@skbkontur/react-icons/Function');
-const { default: Button } = require('../Button');
-const { default: Input } = require('../Input');
-
-let initialState = { auto: false };
-
-let auto = null;
-let icon = null;
-if (!state.auto) {
-  auto = (
-    <Button onClick={e => setState({ auto: true })}>
-      <UndoIcon />
-    </Button>
-  );
-} else {
-  icon = <FunctionIcon />;
-}
-
-<Group width={300}>
-  {auto}
-  <Input mainInGroup leftIcon={icon} onChange={e => setState({ auto: false })} />
-  <Button>Hey</Button>
-  <Button>Ma</Button>
-</Group>;
-```
+```jsx
+const { default: UndoIcon } = require('@skbkontur/react-icons/Undo');
+const { default: FunctionIcon } = require('@skbkontur/react-icons/Function');
+const { default: Button } = require('../Button');
+const { default: Input } = require('../Input');
+
+let initialState = { auto: false };
+
+let auto = null;
+let icon = null;
+if (!state.auto) {
+  auto = (
+    <Button onClick={e => setState({ auto: true })}>
+      <UndoIcon />
+    </Button>
+  );
+} else {
+  icon = <FunctionIcon />;
+}
+
+<Group width={300}>
+  {auto}
+  <Input mainInGroup leftIcon={icon} onChange={e => setState({ auto: false })} />
+  <Button>Hey</Button>
+  <Button>Ma</Button>
+</Group>;
+```

package/components/Group/index.d.ts

@@ -1 +1 @@
-export { default, GroupProps, GroupChildProps } from './Group';
+export { default, GroupProps, GroupChildProps } from './Group';

package/components/Group/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, GroupProps, GroupChildProps } from './Group';
+/* @flow */
+export { default, GroupProps, GroupChildProps } from './Group';

package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
-export default class HideBodyVerticalScroll extends React.Component {
-    static hash: string;
-    private disposeDocumentStyle;
-    private initialScroll;
-    private master;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): null;
-    private updateScrollVisibility;
-    private makeSomeMagicWithScroll;
-    private attachStyle;
-    private restoreStyles;
-}
+import * as React from 'react';
+export default class HideBodyVerticalScroll extends React.Component {
+    static hash: string;
+    private disposeDocumentStyle;
+    private initialScroll;
+    private master;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): null;
+    private updateScrollVisibility;
+    private makeSomeMagicWithScroll;
+    private attachStyle;
+    private restoreStyles;
+}

package/components/HideBodyVerticalScroll/HideBodyVerticalScroll.js.flow

@@ -1,7 +1,7 @@
-/* @flow */
-
-declare class HideBodyVerticalScroll extends React$Component<{||}> {
-  static hash: string;
-}
-
-export default HideBodyVerticalScroll;
+/* @flow */
+
+declare class HideBodyVerticalScroll extends React$Component<{||}> {
+  static hash: string;
+}
+
+export default HideBodyVerticalScroll;

package/components/HideBodyVerticalScroll/index.d.ts

@@ -1 +1 @@
-export { default } from './HideBodyVerticalScroll';
+export { default } from './HideBodyVerticalScroll';

package/components/HideBodyVerticalScroll/index.js.flow

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

package/components/Hint/Hint.d.ts

@@ -1,38 +1,38 @@
-import * as React from 'react';
-import { MouseEventType } from '../../typings/event-types';
-export interface HintProps {
-    children?: React.ReactNode;
-    manual?: boolean;
-    maxWidth?: React.CSSProperties['maxWidth'];
-    onMouseEnter?: (event: MouseEventType) => void;
-    onMouseLeave?: (event: MouseEventType) => void;
-    opened?: boolean;
-    pos: 'top' | 'right' | 'bottom' | 'left' | 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom' | 'right top' | 'right middle' | 'right bottom';
-    text: React.ReactNode;
-    disableAnimations: boolean;
-    useWrapper: boolean;
-}
-export interface HintState {
-    opened: boolean;
-}
-declare class Hint extends React.Component<HintProps, HintState> {
-    static defaultProps: {
-        pos: string;
-        manual: boolean;
-        opened: boolean;
-        maxWidth: number;
-        disableAnimations: boolean;
-        useWrapper: boolean;
-    };
-    state: HintState;
-    private timer;
-    componentWillReceiveProps(nextProps: HintProps): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderContent;
-    private getPositions;
-    private handleMouseEnter;
-    private handleMouseLeave;
-    private open;
-}
-export default Hint;
+import * as React from 'react';
+import { MouseEventType } from '../../typings/event-types';
+export interface HintProps {
+    children?: React.ReactNode;
+    manual?: boolean;
+    maxWidth?: React.CSSProperties['maxWidth'];
+    onMouseEnter?: (event: MouseEventType) => void;
+    onMouseLeave?: (event: MouseEventType) => void;
+    opened?: boolean;
+    pos: 'top' | 'right' | 'bottom' | 'left' | 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right' | 'left top' | 'left middle' | 'left bottom' | 'right top' | 'right middle' | 'right bottom';
+    text: React.ReactNode;
+    disableAnimations: boolean;
+    useWrapper: boolean;
+}
+export interface HintState {
+    opened: boolean;
+}
+declare class Hint extends React.Component<HintProps, HintState> {
+    static defaultProps: {
+        pos: string;
+        manual: boolean;
+        opened: boolean;
+        maxWidth: number;
+        disableAnimations: boolean;
+        useWrapper: boolean;
+    };
+    state: HintState;
+    private timer;
+    componentWillReceiveProps(nextProps: HintProps): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderContent;
+    private getPositions;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private open;
+}
+export default Hint;