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

package/components/DateInput/README.md

@@ -1,104 +1,104 @@
-```jsx
-<DateInput value="27.04.1992" />
-```
-
-```jsx
-<DateInput value={state.value} onChange={(_, v) => setState({ value: v })} />
-```
-
-```jsx
-<DateInput disabled value="27.04.1992" />
-```
-
-### Форматирование даты при смене локали
-
-```jsx
-const { default: LocaleProvider, LangCodes } = require('../LocaleProvider');
-
-class DateInputFormatting2 extends React.Component {
-  constructor() {
-    this.state = {
-      langCode: LangCodes.ru_RU,
-      value: '21.12.2012',
-    };
-  }
-
-  render() {
-    return (
-      <Gapped vertical gap={10}>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Локаль (<tt>LangCodes</tt>)
-          </span>
-          <Select
-            value={this.state.langCode}
-            placeholder="Выбрать язык"
-            items={Object.values(LangCodes)}
-            onChange={(_, langCode) => this.setState({ langCode })}
-          />
-        </div>
-        <LocaleProvider langCode={this.state.langCode}>
-          <DateInput onChange={(a, value) => this.setState({ value })} value={this.state.value} />
-        </LocaleProvider>
-      </Gapped>
-    );
-  }
-}
-
-<DateInputFormatting2 />;
-```
-
-### Ручное форматирование даты
-
-```jsx
-const { default: LocaleProvider, DateOrder, DateSeparator } = require('../LocaleProvider');
-
-class DateInputFormatting extends React.Component {
-  constructor() {
-    this.state = {
-      order: DateOrder.YMD,
-      separator: 'Dot',
-      value: '21.12.2012',
-    };
-  }
-
-  render() {
-    return (
-      <Gapped vertical gap={10}>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Порядок компонентов (<tt>DateOrder</tt>)
-          </span>
-          <Select
-            value={this.state.order}
-            items={Object.keys(DateOrder)}
-            onChange={(_, order) => this.setState({ order })}
-          />
-        </div>
-        <div>
-          <span style={{ width: '300px', display: 'inline-block' }}>
-            Разделитель (<tt>DateSeparator</tt>)
-          </span>
-          <Select
-            value={this.state.separator}
-            items={Object.keys(DateSeparator)}
-            onChange={(_, separator) => this.setState({ separator })}
-          />
-        </div>
-        <LocaleProvider
-          locale={{
-            DatePicker: {
-              separator: DateSeparator[this.state.separator],
-              order: this.state.order,
-            },
-          }}
-        >
-          <DateInput onChange={(a, value) => this.setState({ value })} value={this.state.value} />
-        </LocaleProvider>
-      </Gapped>
-    );
-  }
-}
-
-<DateInputFormatting />;
-```
+```jsx
+<DateInput value="27.04.1992" />
+```
+
+```jsx
+<DateInput value={state.value} onChange={(_, v) => setState({ value: v })} />
+```
+
+```jsx
+<DateInput disabled value="27.04.1992" />
+```
+
+### Форматирование даты при смене локали
+
+```jsx
+const { default: LocaleProvider, LangCodes } = require('../LocaleProvider');
+
+class DateInputFormatting2 extends React.Component {
+  constructor() {
+    this.state = {
+      langCode: LangCodes.ru_RU,
+      value: '21.12.2012',
+    };
+  }
+
+  render() {
+    return (
+      <Gapped vertical gap={10}>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Локаль (<tt>LangCodes</tt>)
+          </span>
+          <Select
+            value={this.state.langCode}
+            placeholder="Выбрать язык"
+            items={Object.values(LangCodes)}
+            onChange={(_, langCode) => this.setState({ langCode })}
+          />
+        </div>
+        <LocaleProvider langCode={this.state.langCode}>
+          <DateInput onChange={(a, value) => this.setState({ value })} value={this.state.value} />
+        </LocaleProvider>
+      </Gapped>
+    );
+  }
+}
+
+<DateInputFormatting2 />;
+```
+
+### Ручное форматирование даты
+
+```jsx
+const { default: LocaleProvider, DateOrder, DateSeparator } = require('../LocaleProvider');
+
+class DateInputFormatting extends React.Component {
+  constructor() {
+    this.state = {
+      order: DateOrder.YMD,
+      separator: 'Dot',
+      value: '21.12.2012',
+    };
+  }
+
+  render() {
+    return (
+      <Gapped vertical gap={10}>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Порядок компонентов (<tt>DateOrder</tt>)
+          </span>
+          <Select
+            value={this.state.order}
+            items={Object.keys(DateOrder)}
+            onChange={(_, order) => this.setState({ order })}
+          />
+        </div>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Разделитель (<tt>DateSeparator</tt>)
+          </span>
+          <Select
+            value={this.state.separator}
+            items={Object.keys(DateSeparator)}
+            onChange={(_, separator) => this.setState({ separator })}
+          />
+        </div>
+        <LocaleProvider
+          locale={{
+            DatePicker: {
+              separator: DateSeparator[this.state.separator],
+              order: this.state.order,
+            },
+          }}
+        >
+          <DateInput onChange={(a, value) => this.setState({ value })} value={this.state.value} />
+        </LocaleProvider>
+      </Gapped>
+    );
+  }
+}
+
+<DateInputFormatting />;
+```

package/components/DateInput/ViewDateInputValidateChecks.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-interface DateInputValidateChecksProps {
-    value: string;
-    minDate: string;
-    maxDate: string;
-}
-export declare class ViewDateInputValidateChecks extends React.Component<DateInputValidateChecksProps> {
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+interface DateInputValidateChecksProps {
+    value: string;
+    minDate: string;
+    maxDate: string;
+}
+export declare class ViewDateInputValidateChecks extends React.Component<DateInputValidateChecksProps> {
+    render(): JSX.Element;
+}
+export {};

package/components/DateInput/helpers/DateInputKeyboardActions.d.ts

@@ -1,21 +1,21 @@
-import * as React from 'react';
-export declare enum Actions {
-    Unknown = 0,
-    Ignore = 1,
-    MoveSelectionLeft = 2,
-    MoveSelectionRight = 3,
-    MoveSelectionFirst = 4,
-    MoveSelectionLast = 5,
-    Decrement = 6,
-    Increment = 7,
-    FullSelection = 8,
-    ClearSelection = 9,
-    ClearOneChar = 10,
-    Digit = 11,
-    Separator = 12,
-    WrongInput = 13,
-    PasteValue = 14,
-    CopyValue = 15
-}
-declare const extractAction: (x0: React.KeyboardEvent<HTMLElement>) => {} | Actions;
-export { extractAction };
+import * as React from 'react';
+export declare enum Actions {
+    Unknown = 0,
+    Ignore = 1,
+    MoveSelectionLeft = 2,
+    MoveSelectionRight = 3,
+    MoveSelectionFirst = 4,
+    MoveSelectionLast = 5,
+    Decrement = 6,
+    Increment = 7,
+    FullSelection = 8,
+    ClearSelection = 9,
+    ClearOneChar = 10,
+    Digit = 11,
+    Separator = 12,
+    WrongInput = 13,
+    PasteValue = 14,
+    CopyValue = 15
+}
+declare const extractAction: (x0: React.KeyboardEvent<HTMLElement>) => {} | Actions;
+export { extractAction };

package/components/DateInput/helpers/DateInputKeyboardActions.js.flow

@@ -1,17 +1,17 @@
-/* @flow */
-
-declare export var Actions: {|
-  Unknown: number,
-  Ignore: number,
-  MoveSelectionLeft: number,
-  MoveSelectionRight: number,
-  Decrement: number,
-  Increment: number,
-  FullSelection: number,
-  ClearSelection: number,
-  Digit: number,
-  Separator: number,
-  WrongInput: number,
-|};
-
-declare export var extractAction: (x0: SyntheticKeyboardEvent<HTMLElement>) => number | {};
+/* @flow */
+
+declare export var Actions: {|
+  Unknown: number,
+  Ignore: number,
+  MoveSelectionLeft: number,
+  MoveSelectionRight: number,
+  Decrement: number,
+  Increment: number,
+  FullSelection: number,
+  ClearSelection: number,
+  Digit: number,
+  Separator: number,
+  WrongInput: number,
+|};
+
+declare export var extractAction: (x0: SyntheticKeyboardEvent<HTMLElement>) => number | {};

package/components/DateInput/helpers/SelectionHelpers.d.ts

@@ -1,2 +1,2 @@
-export declare const selectNodeContents: (node: HTMLElement | null, start?: number | undefined, end?: number | undefined) => void;
-export declare const removeAllSelections: () => void;
+export declare const selectNodeContents: (node: HTMLElement | null, start?: number | undefined, end?: number | undefined) => void;
+export declare const removeAllSelections: () => void;

package/components/DateInput/helpers/SelectionHelpers.js.flow

@@ -1,3 +1,3 @@
-/* @flow */
-declare export var selectNodeContents: (node: HTMLElement) => void;
-declare export var removeAllSelections: () => void;
+/* @flow */
+declare export var selectNodeContents: (node: HTMLElement) => void;
+declare export var removeAllSelections: () => void;

package/components/DateInput/helpers/inputNumber.d.ts

@@ -1,2 +1,2 @@
-import { InternalDateComponentType } from '../../../lib/date/types';
-export declare const inputNumber: (type: InternalDateComponentType | null, prev: string | number | null, key: string, inputMode: boolean, cb: (next: number | null, inputMode: boolean) => void) => void;
+import { InternalDateComponentType } from '../../../lib/date/types';
+export declare const inputNumber: (type: InternalDateComponentType | null, prev: string | number | null, key: string, inputMode: boolean, cb: (next: number | null, inputMode: boolean) => void) => void;

package/components/DateInput/helpers/inputNumber.js.flow

@@ -1,4 +1,4 @@
-/* @flow */
-import type { DateInputState } from '../DateInput';
-
-declare export var inputNumber: (key: string) => (state: DateInputState) => DateInputState;
+/* @flow */
+import type { DateInputState } from '../DateInput';
+
+declare export var inputNumber: (key: string) => (state: DateInputState) => DateInputState;

package/components/DateInput/index.d.ts

@@ -1 +1 @@
-export { default, DateInputProps, DateInputState } from './DateInput';
+export { default, DateInputProps, DateInputState } from './DateInput';

package/components/DateInput/index.js.flow

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

package/components/DatePicker/DatePicker.d.ts

@@ -1,116 +1,116 @@
-import * as PropTypes from 'prop-types';
-import * as React from 'react';
-export interface DatePickerProps<T> {
-    autoFocus?: boolean;
-    disabled?: boolean;
-    enableTodayLink?: boolean;
-    error?: boolean;
-    minDate: T;
-    maxDate: T;
-    menuAlign?: 'left' | 'right';
-    size?: 'small' | 'medium' | 'large';
-    value?: T | null;
-    warning?: boolean;
-    width: number | string;
-    onBlur?: () => void;
-    /**
-     * @param e - объект, частично имитирующий объект `Event`.
-     * @param value - строка в формате `dd.mm.yyyy`.
-     */
-    onChange: (e: {
-        target: {
-            value: T;
-        };
-    }, value: T) => void;
-    onFocus?: () => void;
-    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
-    onMouseEnter?: (e: React.MouseEvent<any>) => void;
-    onMouseLeave?: (e: React.MouseEvent<any>) => void;
-    onMouseOver?: (e: React.MouseEvent<any>) => void;
-    /**
-     * Функция для определения праздничных дней
-     * @default (_day, isWeekend) => isWeekend
-     * @param {T} day - строка в формате `dd.mm.yyyy`
-     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
-     *
-     * @returns {boolean} `true` для выходного или `false` для рабочего дня
-     */
-    isHoliday: (day: T, isWeekend: boolean) => boolean;
-}
-export interface DatePickerState {
-    opened: boolean;
-}
-declare type DatePickerValue = string;
-declare class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Включает кнопку сегодня в календаре
-         */
-        enableTodayLink: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Максимальная дата в календаре.
-         */
-        maxDate: PropTypes.Validator<string>;
-        menuAlign: PropTypes.Requireable<"left" | "right">;
-        /**
-         * Минимальная дата в календаре.
-         */
-        minDate: PropTypes.Validator<string>;
-        /**
-         * Строка формата `dd.mm.yyyy`
-         */
-        value: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Validator<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        width: number;
-        minDate: string;
-        maxDate: string;
-        isHoliday: (_day: string, isWeekend: boolean) => boolean;
-    };
-    static validate: (value: string | null | undefined, range?: {
-        minDate?: string | undefined;
-        maxDate?: string | undefined;
-    }) => boolean;
-    state: DatePickerState;
-    private input;
-    private focused;
-    private internalDate?;
-    private minDate?;
-    private maxDate?;
-    componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * Закрывает выпадашку выбора дня
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    private getInputRef;
-    private parseValueToDate;
-    private handleFocus;
-    private handleBlur;
-    private handlePick;
-    private handleSelect;
-    private isHoliday;
-}
-export default DatePicker;
+import * as PropTypes from 'prop-types';
+import * as React from 'react';
+export interface DatePickerProps<T> {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    enableTodayLink?: boolean;
+    error?: boolean;
+    minDate: T;
+    maxDate: T;
+    menuAlign?: 'left' | 'right';
+    size?: 'small' | 'medium' | 'large';
+    value?: T | null;
+    warning?: boolean;
+    width: number | string;
+    onBlur?: () => void;
+    /**
+     * @param e - объект, частично имитирующий объект `Event`.
+     * @param value - строка в формате `dd.mm.yyyy`.
+     */
+    onChange: (e: {
+        target: {
+            value: T;
+        };
+    }, value: T) => void;
+    onFocus?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<any>) => void;
+    onMouseEnter?: (e: React.MouseEvent<any>) => void;
+    onMouseLeave?: (e: React.MouseEvent<any>) => void;
+    onMouseOver?: (e: React.MouseEvent<any>) => void;
+    /**
+     * Функция для определения праздничных дней
+     * @default (_day, isWeekend) => isWeekend
+     * @param {T} day - строка в формате `dd.mm.yyyy`
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
+     *
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня
+     */
+    isHoliday: (day: T, isWeekend: boolean) => boolean;
+}
+export interface DatePickerState {
+    opened: boolean;
+}
+declare type DatePickerValue = string;
+declare class DatePicker extends React.Component<DatePickerProps<DatePickerValue>, DatePickerState> {
+    static propTypes: {
+        autoFocus: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Включает кнопку сегодня в календаре
+         */
+        enableTodayLink: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        /**
+         * Максимальная дата в календаре.
+         */
+        maxDate: PropTypes.Validator<string>;
+        menuAlign: PropTypes.Requireable<"left" | "right">;
+        /**
+         * Минимальная дата в календаре.
+         */
+        minDate: PropTypes.Validator<string>;
+        /**
+         * Строка формата `dd.mm.yyyy`
+         */
+        value: PropTypes.Requireable<string>;
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Validator<string | number>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        isHoliday: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        width: number;
+        minDate: string;
+        maxDate: string;
+        isHoliday: (_day: string, isWeekend: boolean) => boolean;
+    };
+    static validate: (value: string | null | undefined, range?: {
+        minDate?: string | undefined;
+        maxDate?: string | undefined;
+    }) => boolean;
+    state: DatePickerState;
+    private input;
+    private focused;
+    private internalDate?;
+    private minDate?;
+    private maxDate?;
+    componentWillReceiveProps(nextProps: DatePickerProps<DatePickerValue>): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * Закрывает выпадашку выбора дня
+     * @public
+     */
+    close(): void;
+    render(): JSX.Element;
+    private getInputRef;
+    private parseValueToDate;
+    private handleFocus;
+    private handleBlur;
+    private handlePick;
+    private handleSelect;
+    private isHoliday;
+}
+export default DatePicker;

package/components/DatePicker/DatePicker.js

@@ -83,8 +83,8 @@ var DatePicker = /** @class */function (_super) {
     this.minDate = this.parseValueToDate(nextProps.minDate);
     this.maxDate = this.parseValueToDate(nextProps.maxDate);
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   DatePicker.prototype.blur = function () {
     if (this.input) {
@@ -92,8 +92,8 @@ var DatePicker = /** @class */function (_super) {
     }
     this.handleBlur();
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   DatePicker.prototype.focus = function () {
     if (this.props.disabled) {
@@ -104,9 +104,9 @@ var DatePicker = /** @class */function (_super) {
     }
     this.handleFocus();
   };
-  /**
-      * Закрывает выпадашку выбора дня
-      * @public
+  /**
+      * Закрывает выпадашку выбора дня
+      * @public
       */
   DatePicker.prototype.close = function () {
     this.setState({ opened: false });
@@ -140,22 +140,22 @@ var DatePicker = /** @class */function (_super) {
   DatePicker.propTypes = {
     autoFocus: PropTypes.bool,
     disabled: PropTypes.bool,
-    /**
-                               * Включает кнопку сегодня в календаре
+    /**
+                               * Включает кнопку сегодня в календаре
                                */
     enableTodayLink: PropTypes.bool,
     error: PropTypes.bool,
-    /**
-                            * Максимальная дата в календаре.
+    /**
+                            * Максимальная дата в календаре.
                             */
     maxDate: PropTypes.string.isRequired,
     menuAlign: PropTypes.oneOf(['left', 'right']),
-    /**
-                                                    * Минимальная дата в календаре.
+    /**
+                                                    * Минимальная дата в календаре.
                                                     */
     minDate: PropTypes.string.isRequired,
-    /**
-                                           * Строка формата `dd.mm.yyyy`
+    /**
+                                           * Строка формата `dd.mm.yyyy`
                                            */
     value: PropTypes.string,
     warning: PropTypes.bool,