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

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,45 +1,45 @@
-import * as React from 'react';
-import { PopupMenuProps } from '../internal/PopupMenu';
-import { PopupPosition } from '../Popup';
-export interface DropdownMenuProps {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо ```caption```,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    /**
-     * Массив разрешенных положений меню относительно caption'а.
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPosition[];
-    onOpen?: () => void;
-    onClose?: () => void;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
- */
-export default class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static defaultProps: {
-        disableAnimations: boolean;
-        positions: string[];
-    };
-    private popupMenu;
-    constructor(props: DropdownMenuProps);
-    render(): JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-    private handleChangeMenuState;
-}
+import * as React from 'react';
+import { PopupMenuProps } from '../internal/PopupMenu';
+import { PopupPosition } from '../Popup';
+export interface DropdownMenuProps {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо ```caption```,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    /**
+     * Массив разрешенных положений меню относительно caption'а.
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']
+     */
+    positions?: PopupPosition[];
+    onOpen?: () => void;
+    onClose?: () => void;
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+/**
+ * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
+ */
+export default class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static defaultProps: {
+        disableAnimations: boolean;
+        positions: string[];
+    };
+    private popupMenu;
+    constructor(props: DropdownMenuProps);
+    render(): JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+    private handleChangeMenuState;
+}

package/components/DropdownMenu/DropdownMenu.js

@@ -4,8 +4,8 @@ var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 var PopupMenu_1 = tslib_1.__importDefault(require("../internal/PopupMenu"));
 var currentEnvironment_1 = require("../internal/currentEnvironment");
-/**
-                                                                       * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
+/**
+                                                                       * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
                                                                        */
 var DropdownMenu = /** @class */function (_super) {
   tslib_1.__extends(DropdownMenu, _super);

package/components/DropdownMenu/DropdownMenu.js.flow

@@ -1,20 +1,20 @@
-/* @flow */
-import type { PopupMenuProps } from '../internal/PopupMenu';
-import type { PopupPosition  } from '../Popup';
-
-export type DropdownMenuProps = {|
-  menuMaxHeight?: string | number,
-  menuWidth?: string | number,
-  caption: $PropertyType<PopupMenuProps, 'caption'>,
-  onOpen?: () => void,
-  onClose?: () => void,
-  disableAnimations?: boolean,
-  children?: React$Node,
-  header?: React$Node,
-  footer?: React$Node,
-  positions?: PopupPosition[]
-|};
-
-declare class DropdownMenu extends React$Component<DropdownMenuProps> {}
-
-export default DropdownMenu;
+/* @flow */
+import type { PopupMenuProps } from '../internal/PopupMenu';
+import type { PopupPosition  } from '../Popup';
+
+export type DropdownMenuProps = {|
+  menuMaxHeight?: string | number,
+  menuWidth?: string | number,
+  caption: $PropertyType<PopupMenuProps, 'caption'>,
+  onOpen?: () => void,
+  onClose?: () => void,
+  disableAnimations?: boolean,
+  children?: React$Node,
+  header?: React$Node,
+  footer?: React$Node,
+  positions?: PopupPosition[]
+|};
+
+declare class DropdownMenu extends React$Component<DropdownMenuProps> {}
+
+export default DropdownMenu;

package/components/DropdownMenu/README.md

@@ -1,66 +1,66 @@
-Простой пример
-
-```js
-<DropdownMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</DropdownMenu>
-```
-
-С указанием ширины меню
-
-```js
-<DropdownMenu caption={<Button use="primary">Открыть меню</Button>} menuWidth={350}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</DropdownMenu>
-```
-
-С указанием максимальной высоты меню
-
-```js
-<DropdownMenu caption={<Button use="primary">Открыть меню</Button>} menuMaxHeight={150}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</DropdownMenu>
-```
-
-В `caption` можно передать любой элемент
-
-```js
-const MenuIcon = require('@skbkontur/react-icons/Menu').default;
-
-<DropdownMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</DropdownMenu>;
-```
+Простой пример
+
+```js
+<DropdownMenu caption={<Button use="primary">Открыть меню</Button>}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</DropdownMenu>
+```
+
+С указанием ширины меню
+
+```js
+<DropdownMenu caption={<Button use="primary">Открыть меню</Button>} menuWidth={350}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</DropdownMenu>
+```
+
+С указанием максимальной высоты меню
+
+```js
+<DropdownMenu caption={<Button use="primary">Открыть меню</Button>} menuMaxHeight={150}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</DropdownMenu>
+```
+
+В `caption` можно передать любой элемент
+
+```js
+const MenuIcon = require('@skbkontur/react-icons/Menu').default;
+
+<DropdownMenu
+  caption={
+    <span style={{ display: 'inline-block' }} tabIndex="0">
+      <MenuIcon size={32} />
+    </span>
+  }
+  menuWidth="300px"
+>
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</DropdownMenu>;
+```

package/components/DropdownMenu/index.d.ts

@@ -1 +1 @@
-export { default, DropdownMenuProps } from './DropdownMenu';
+export { default, DropdownMenuProps } from './DropdownMenu';

package/components/DropdownMenu/index.js.flow

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

package/components/Fias/Fias.d.ts

@@ -1,133 +1,133 @@
-import * as React from 'react';
-import { FiasLocale } from './locale';
-import { Fields, ExtraFields, FiasValue, FormValidation, APIProvider, FieldsSettings } from './types';
-import { Address } from './models/Address';
-export interface FiasProps {
-    /**
-     * Значение адреса. См. формат в примерах
-     */
-    value?: Partial<FiasValue>;
-    error?: boolean;
-    warning?: boolean;
-    /**
-     * Сообщение пользователю в режиме `error` или `warning`
-     */
-    feedback?: string;
-    /**
-     * Выводить ли текстовую интерпретацию адреса над ссылкой
-     */
-    showAddressText?: boolean;
-    /**
-     * Текст ссылки
-     */
-    label?: string;
-    /**
-     * Иконка рядом со ссылкой
-     */
-    icon?: React.ReactElement<any>;
-    readonly?: boolean;
-    /**
-     * API URL. Существует тестовый
-     * `https://api.testkontur.ru/fias/v1/` и боевой `https://api.kontur.ru/fias/v1/`
-     */
-    baseUrl?: string;
-    /**
-     * API instance. Если нет возможности использовать стандартный API.
-     */
-    api?: APIProvider;
-    /**
-     * Позволяет получить полный FiasValue после обработки входного `value`
-     */
-    onInit?: (value: FiasValue) => void;
-    onChange?: (value: FiasValue) => void;
-    onClose?: () => void;
-    /**
-     * Добавляет поле поиска адреса в произвольной форме
-     */
-    search?: boolean;
-    /**
-     * Количество отображаемых элементов в выпадающих списках
-     */
-    limit?: number;
-    /**
-     * Словарь текстовых констант. См. полный список ниже
-     * @deprecated используйте LocaleProvider
-     */
-    locale?: FiasLocale;
-    /**
-     * Уровень критичности ошибок валидации полей адреса
-     */
-    formValidation?: FormValidation;
-    /**
-     * Разрешать ли сохранять неверефицированный (произвольный, не из базы) адрес
-     */
-    allowNotVerified?: boolean;
-    /**
-     * Версия базы данных ФИАС. Формат: "2018-10-22"
-     */
-    version?: string;
-    /**
-     * Настройка полей. Достаточно переопределить только нужные.
-     * Внимание, не рекомендуется скрывать поля в произвольном порядке. Это может привести
-     * к невозможности заполнения некоторых адресов.
-     * Значение по умолчанию:
-     *
-     * ```ts
-     *  {
-     *     region:
-     *     ...
-     *     room: {
-     *       visible: true
-     *     },
-     *     postalcode: {
-     *       visible: false
-     *     }
-     *  }```
-     *
-     */
-    fieldsSettings: FieldsSettings;
-    countrySelector: boolean;
-}
-export interface FiasState {
-    opened: boolean;
-    address: Address;
-    locale: FiasLocale;
-    fieldsSettings: FieldsSettings;
-}
-export declare class Fias extends React.Component<FiasProps, FiasState> {
-    static defaultProps: {
-        showAddressText: boolean;
-        error: boolean;
-        warning: boolean;
-        readonly: boolean;
-        search: boolean;
-        icon: JSX.Element;
-        allowNotVerified: boolean;
-        fieldsSettings: {};
-        countrySelector: boolean;
-    };
-    state: FiasState;
-    private theme;
-    private api;
-    private form;
-    private readonly locale;
-    constructor(props: FiasProps);
-    readonly fieldsSettings: FieldsSettings;
-    componentDidMount: () => void;
-    componentDidUpdate: (prevProps: FiasProps, prevState: FiasState) => void;
-    isFieldVisible(field: Fields | ExtraFields): boolean;
-    render(): JSX.Element;
-    private renderMain;
-    private getLocaleMix;
-    private renderModal;
-    private init;
-    private updateAddress;
-    private updateLocale;
-    private updateFieldsSettings;
-    private handleOpen;
-    private handleClose;
-    private handleSave;
-    private handleChange;
-    private refForm;
-}
-export default Fias;
+import * as React from 'react';
+import { FiasLocale } from './locale';
+import { Fields, ExtraFields, FiasValue, FormValidation, APIProvider, FieldsSettings } from './types';
+import { Address } from './models/Address';
+export interface FiasProps {
+    /**
+     * Значение адреса. См. формат в примерах
+     */
+    value?: Partial<FiasValue>;
+    error?: boolean;
+    warning?: boolean;
+    /**
+     * Сообщение пользователю в режиме `error` или `warning`
+     */
+    feedback?: string;
+    /**
+     * Выводить ли текстовую интерпретацию адреса над ссылкой
+     */
+    showAddressText?: boolean;
+    /**
+     * Текст ссылки
+     */
+    label?: string;
+    /**
+     * Иконка рядом со ссылкой
+     */
+    icon?: React.ReactElement<any>;
+    readonly?: boolean;
+    /**
+     * API URL. Существует тестовый
+     * `https://api.testkontur.ru/fias/v1/` и боевой `https://api.kontur.ru/fias/v1/`
+     */
+    baseUrl?: string;
+    /**
+     * API instance. Если нет возможности использовать стандартный API.
+     */
+    api?: APIProvider;
+    /**
+     * Позволяет получить полный FiasValue после обработки входного `value`
+     */
+    onInit?: (value: FiasValue) => void;
+    onChange?: (value: FiasValue) => void;
+    onClose?: () => void;
+    /**
+     * Добавляет поле поиска адреса в произвольной форме
+     */
+    search?: boolean;
+    /**
+     * Количество отображаемых элементов в выпадающих списках
+     */
+    limit?: number;
+    /**
+     * Словарь текстовых констант. См. полный список ниже
+     * @deprecated используйте LocaleProvider
+     */
+    locale?: FiasLocale;
+    /**
+     * Уровень критичности ошибок валидации полей адреса
+     */
+    formValidation?: FormValidation;
+    /**
+     * Разрешать ли сохранять неверефицированный (произвольный, не из базы) адрес
+     */
+    allowNotVerified?: boolean;
+    /**
+     * Версия базы данных ФИАС. Формат: "2018-10-22"
+     */
+    version?: string;
+    /**
+     * Настройка полей. Достаточно переопределить только нужные.
+     * Внимание, не рекомендуется скрывать поля в произвольном порядке. Это может привести
+     * к невозможности заполнения некоторых адресов.
+     * Значение по умолчанию:
+     *
+     * ```ts
+     *  {
+     *     region:
+     *     ...
+     *     room: {
+     *       visible: true
+     *     },
+     *     postalcode: {
+     *       visible: false
+     *     }
+     *  }```
+     *
+     */
+    fieldsSettings: FieldsSettings;
+    countrySelector: boolean;
+}
+export interface FiasState {
+    opened: boolean;
+    address: Address;
+    locale: FiasLocale;
+    fieldsSettings: FieldsSettings;
+}
+export declare class Fias extends React.Component<FiasProps, FiasState> {
+    static defaultProps: {
+        showAddressText: boolean;
+        error: boolean;
+        warning: boolean;
+        readonly: boolean;
+        search: boolean;
+        icon: JSX.Element;
+        allowNotVerified: boolean;
+        fieldsSettings: {};
+        countrySelector: boolean;
+    };
+    state: FiasState;
+    private theme;
+    private api;
+    private form;
+    private readonly locale;
+    constructor(props: FiasProps);
+    readonly fieldsSettings: FieldsSettings;
+    componentDidMount: () => void;
+    componentDidUpdate: (prevProps: FiasProps, prevState: FiasState) => void;
+    isFieldVisible(field: Fields | ExtraFields): boolean;
+    render(): JSX.Element;
+    private renderMain;
+    private getLocaleMix;
+    private renderModal;
+    private init;
+    private updateAddress;
+    private updateLocale;
+    private updateFieldsSettings;
+    private handleOpen;
+    private handleClose;
+    private handleSave;
+    private handleChange;
+    private refForm;
+}
+export default Fias;

package/components/Fias/Fias.js.flow

@@ -1,37 +1,37 @@
-/* @flow */
-import type { FiasValue, FormValidation, APIProvider } from './types';
-import { Address } from './models/Address';
-import type { FiasLocale } from './locale/types';
-
-export type FiasProps = {|
-  value?: FiasValue,
-  error?: boolean,
-  warning?: boolean,
-  feedback?: string,
-  showAddressText?: boolean,
-  label?: string,
-  // eslint-disable-next-line flowtype/no-weak-types
-  icon?: React$Element<any>,
-  readonly?: boolean,
-  baseUrl?: string,
-  api?: APIProvider,
-  onInit?: (value: FiasValue) => void,
-  onChange?: (value: FiasValue) => void,
-  onClose?: () => void,
-  search?: boolean,
-  limit?: number,
-  locale?: FiasLocale,
-  formValidation?: FormValidation,
-  allowNotVerified?: boolean,
-  version?: string,
-|};
-
-export type FiasState = {|
-  opened: boolean,
-  address: Address,
-  locale: FiasLocale,
-|};
-
-declare export class Fias extends React$Component<FiasProps, FiasState> {}
-
-export default Fias;
+/* @flow */
+import type { FiasValue, FormValidation, APIProvider } from './types';
+import { Address } from './models/Address';
+import type { FiasLocale } from './locale/types';
+
+export type FiasProps = {|
+  value?: FiasValue,
+  error?: boolean,
+  warning?: boolean,
+  feedback?: string,
+  showAddressText?: boolean,
+  label?: string,
+  // eslint-disable-next-line flowtype/no-weak-types
+  icon?: React$Element<any>,
+  readonly?: boolean,
+  baseUrl?: string,
+  api?: APIProvider,
+  onInit?: (value: FiasValue) => void,
+  onChange?: (value: FiasValue) => void,
+  onClose?: () => void,
+  search?: boolean,
+  limit?: number,
+  locale?: FiasLocale,
+  formValidation?: FormValidation,
+  allowNotVerified?: boolean,
+  version?: string,
+|};
+
+export type FiasState = {|
+  opened: boolean,
+  address: Address,
+  locale: FiasLocale,
+|};
+
+declare export class Fias extends React$Component<FiasProps, FiasState> {}
+
+export default Fias;

package/components/Fias/Fias.styles.d.ts

@@ -1,6 +1,6 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    warning(t: ITheme): string;
+    error(t: ITheme): string;
+};
+export default jsStyles;