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

package/components/CustomComboBox/CustomComboBox.d.ts

@@ -1,129 +1,129 @@
-import * as React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import Input from '../Input';
-import Menu from '../Menu/Menu';
-import InputLikeText from '../internal/InputLikeText';
-import { MenuItemState } from '../MenuItem';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface CustomComboBoxProps<T> {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    maxLength?: number;
-    menuAlign?: 'left' | 'right';
-    drawArrow?: boolean;
-    searchOnFocus?: boolean;
-    onChange?: (event: {
-        target: {
-            value: T;
-        };
-    }, value: T) => void;
-    onInputChange?: (textValue: string) => Nullable<string> | void;
-    onUnexpectedInput?: (query: string) => void | null | T;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    totalCount?: number;
-    value?: Nullable<T>;
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    renderValue: (value: T) => React.ReactNode;
-    renderAddButton?: (query?: string) => React.ReactNode;
-    valueToString: (value: T) => string;
-    itemToValue: (item: T) => string | number;
-    getItems: (query: string) => Promise<T[]>;
-}
-export interface CustomComboBoxState<T> {
-    editing: boolean;
-    loading: boolean;
-    opened: boolean;
-    textValue: string;
-    items: Nullable<T[]>;
-    inputChanged: boolean;
-    focused: boolean;
-    repeatRequest: () => void;
-    requestStatus: ComboBoxRequestStatus;
-}
-export declare const DELAY_BEFORE_SHOW_LOADER = 300;
-export declare const LOADER_SHOW_TIME = 1000;
-export declare const DefaultState: {
-    inputChanged: boolean;
-    editing: boolean;
-    items: null;
-    loading: boolean;
-    opened: boolean;
-    focused: boolean;
-    textValue: string;
-    repeatRequest: () => undefined;
-    requestStatus: ComboBoxRequestStatus;
-};
-declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
-    state: CustomComboBoxState<T>;
-    input: Nullable<Input>;
-    menu: Nullable<Menu>;
-    inputLikeText: Nullable<InputLikeText>;
-    requestId: number;
-    loaderShowDelay: Nullable<Promise<never>>;
-    private focused;
-    private cancelationToken;
-    private reducer;
-    cancelLoaderDelay: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    selectInputText: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    /**
-     * @public
-     */
-    search(query?: string): Promise<void>;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    render(): JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
-    /**
-     * @public
-     */
-    reset(): void;
-    private dispatch;
-    private handleEffect;
-    private getProps;
-    private getState;
-    private handleChange;
-    private handleFocus;
-    private handleClickOutside;
-    private handleBlur;
-    private handleInputBlur;
-    private handleInputClick;
-}
-export default CustomComboBox;
+import * as React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import Input from '../Input';
+import Menu from '../Menu/Menu';
+import InputLikeText from '../internal/InputLikeText';
+import { MenuItemState } from '../MenuItem';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface CustomComboBoxProps<T> {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    maxLength?: number;
+    menuAlign?: 'left' | 'right';
+    drawArrow?: boolean;
+    searchOnFocus?: boolean;
+    onChange?: (event: {
+        target: {
+            value: T;
+        };
+    }, value: T) => void;
+    onInputChange?: (textValue: string) => Nullable<string> | void;
+    onUnexpectedInput?: (query: string) => void | null | T;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    totalCount?: number;
+    value?: Nullable<T>;
+    warning?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    renderValue: (value: T) => React.ReactNode;
+    renderAddButton?: (query?: string) => React.ReactNode;
+    valueToString: (value: T) => string;
+    itemToValue: (item: T) => string | number;
+    getItems: (query: string) => Promise<T[]>;
+}
+export interface CustomComboBoxState<T> {
+    editing: boolean;
+    loading: boolean;
+    opened: boolean;
+    textValue: string;
+    items: Nullable<T[]>;
+    inputChanged: boolean;
+    focused: boolean;
+    repeatRequest: () => void;
+    requestStatus: ComboBoxRequestStatus;
+}
+export declare const DELAY_BEFORE_SHOW_LOADER = 300;
+export declare const LOADER_SHOW_TIME = 1000;
+export declare const DefaultState: {
+    inputChanged: boolean;
+    editing: boolean;
+    items: null;
+    loading: boolean;
+    opened: boolean;
+    focused: boolean;
+    textValue: string;
+    repeatRequest: () => undefined;
+    requestStatus: ComboBoxRequestStatus;
+};
+declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
+    state: CustomComboBoxState<T>;
+    input: Nullable<Input>;
+    menu: Nullable<Menu>;
+    inputLikeText: Nullable<InputLikeText>;
+    requestId: number;
+    loaderShowDelay: Nullable<Promise<never>>;
+    private focused;
+    private cancelationToken;
+    private reducer;
+    cancelLoaderDelay: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    /**
+     * @public
+     */
+    selectInputText: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    /**
+     * @public
+     */
+    search(query?: string): Promise<void>;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    render(): JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
+    /**
+     * @public
+     */
+    reset(): void;
+    private dispatch;
+    private handleEffect;
+    private getProps;
+    private getState;
+    private handleChange;
+    private handleFocus;
+    private handleClickOutside;
+    private handleBlur;
+    private handleInputBlur;
+    private handleInputClick;
+}
+export default CustomComboBox;

package/components/CustomComboBox/CustomComboBox.js

@@ -30,8 +30,8 @@ var CustomComboBox = /** @class */function (_super) {
     _this.cancelationToken = null;
     _this.reducer = CustomComboBoxReducer_1.reducer;
     _this.cancelLoaderDelay = function () {return null;};
-    /**
-                                                           * @public
+    /**
+                                                           * @public
                                                            */
     _this.focus = function () {
       if (_this.props.disabled) {
@@ -39,8 +39,8 @@ var CustomComboBox = /** @class */function (_super) {
       }
       _this.handleFocus();
     };
-    /**
-        * @public
+    /**
+        * @public
         */
     _this.selectInputText = function () {
       if (_this.props.disabled) {
@@ -50,8 +50,8 @@ var CustomComboBox = /** @class */function (_super) {
         _this.input.selectAll();
       }
     };
-    /**
-        * @public
+    /**
+        * @public
         */
     _this.blur = function () {
       if (_this.props.disabled) {
@@ -120,8 +120,8 @@ var CustomComboBox = /** @class */function (_super) {
     };
     return _this;
   }
-  /**
-     * @public
+  /**
+     * @public
      */
   CustomComboBox.prototype.search = function (query) {
     if (query === void 0) {query = this.state.textValue;}
@@ -197,22 +197,22 @@ var CustomComboBox = /** @class */function (_super) {
       });
     });
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   CustomComboBox.prototype.cancelSearch = function () {
     if (this.cancelationToken) {
       this.cancelationToken(new utils_1.CancelationError());
     }
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   CustomComboBox.prototype.open = function () {
     this.dispatch({ type: 'Open' });
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   CustomComboBox.prototype.close = function () {
     this.dispatch({ type: 'Close' });
@@ -288,8 +288,8 @@ var CustomComboBox = /** @class */function (_super) {
     }
     this.dispatch({ type: 'DidUpdate', prevProps: prevProps, prevState: prevState });
   };
-  /**
-      * @public
+  /**
+      * @public
       */
   CustomComboBox.prototype.reset = function () {
     this.dispatch({ type: 'Reset' });

package/components/CustomComboBox/CustomComboBox.js.flow

@@ -1,130 +1,130 @@
-/* @flow */
-import Input from '../Input';
-import Menu from '../Menu/Menu';
-import InputLikeText from '../internal/InputLikeText';
-import type { MenuItemState } from '../MenuItem';
-
-export type Action<T> =
-  | {
-      type: 'ValueChange',
-      value: T,
-      keepFocus: boolean,
-    }
-  | {
-      type: 'TextChange',
-      value: string,
-    }
-  | {
-      type: 'KeyPress',
-      event: SyntheticKeyboardEvent<HTMLElement>,
-    }
-  | {
-      type: 'DidUpdate',
-      prevProps: CustomComboBoxProps<T>,
-      prevState: CustomComboBoxState<T>,
-    }
-  | {
-      type: 'Mount',
-    }
-  | {
-      type: 'Focus',
-    }
-  | {
-      type: 'InputClick',
-    }
-  | {
-      type: 'Blur',
-    }
-  | {
-      type: 'Reset',
-    }
-  | {
-      type: 'Open',
-    }
-  | {
-      type: 'Close',
-    }
-  | {
-      type: 'Search',
-      query: string,
-    };
-
-export type CustomComboBoxProps<T> = {|
-  align?: 'left' | 'center' | 'right',
-  autoFocus?: boolean,
-  borderless?: boolean,
-  disablePortal?: boolean,
-  disabled?: boolean,
-  error?: boolean,
-  maxLength?: number,
-  menuAlign?: 'left' | 'right',
-  openButton?: boolean,
-  onMouseEnter?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  onMouseOver?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  onMouseLeave?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  placeholder?: string,
-  size?: 'small' | 'medium' | 'large',
-  totalCount?: number,
-  value?: ?T,
-  warning?: boolean,
-  width?: string | number,
-  maxMenuHeight?: number | string,
-  renderNotFound?: () => React$Node,
-  renderTotalCount?: (found: number, total: number) => React$Node,
-  renderItem: (item: T, state?: MenuItemState) => React$Node,
-  renderValue: (value: T) => React$Node,
-  valueToString: (value: T) => string,
-  itemToValue: (item: T) => string | number,
-|};
-
-export type CustomComboBoxState<T> = {|
-  editing: boolean,
-  loading: boolean,
-  opened: boolean,
-  textValue: string,
-  items: ?(T[]),
-|};
-
-export type Effect<T> = (
-  dispatch: (x0: Action<T>) => void,
-  getState: () => CustomComboBoxState<T>,
-  getProps: () => CustomComboBoxProps<T>,
-  getInstance: () => CustomComboBox,
-) => void;
-
-export type Reducer<T> = (
-  state: CustomComboBoxState<T>,
-  props: CustomComboBoxProps<T>,
-  action: Action<T>,
-) => CustomComboBoxState<T> | [CustomComboBoxState<T>, Array<Effect<T>>];
-
-export type Props<T> = {
-  reducer: Reducer<T>,
-} & CustomComboBoxProps<T>;
-
-declare export var DefaultState: {|
-  editing: boolean,
-  items: null,
-  loading: boolean,
-  opened: boolean,
-  textValue: string,
-|};
-
-// eslint-disable-next-line flowtype/no-weak-types
-declare class CustomComboBox extends React$Component<Props<any>, CustomComboBoxState<any>> {
-  // eslint-disable-next-line flowtype/no-weak-types
-  state: CustomComboBoxState<any>;
-  input: ?Input;
-  menu: ?Menu;
-  inputLikeText: ?InputLikeText;
-
-  focus: () => void;
-  selectInputText: () => void;
-  blur: () => void;
-  search(query?: string): void;
-  open(): void;
-  close(): void;
-  reset(): void;
-}
-
-export default CustomComboBox;
+/* @flow */
+import Input from '../Input';
+import Menu from '../Menu/Menu';
+import InputLikeText from '../internal/InputLikeText';
+import type { MenuItemState } from '../MenuItem';
+
+export type Action<T> =
+  | {
+      type: 'ValueChange',
+      value: T,
+      keepFocus: boolean,
+    }
+  | {
+      type: 'TextChange',
+      value: string,
+    }
+  | {
+      type: 'KeyPress',
+      event: SyntheticKeyboardEvent<HTMLElement>,
+    }
+  | {
+      type: 'DidUpdate',
+      prevProps: CustomComboBoxProps<T>,
+      prevState: CustomComboBoxState<T>,
+    }
+  | {
+      type: 'Mount',
+    }
+  | {
+      type: 'Focus',
+    }
+  | {
+      type: 'InputClick',
+    }
+  | {
+      type: 'Blur',
+    }
+  | {
+      type: 'Reset',
+    }
+  | {
+      type: 'Open',
+    }
+  | {
+      type: 'Close',
+    }
+  | {
+      type: 'Search',
+      query: string,
+    };
+
+export type CustomComboBoxProps<T> = {|
+  align?: 'left' | 'center' | 'right',
+  autoFocus?: boolean,
+  borderless?: boolean,
+  disablePortal?: boolean,
+  disabled?: boolean,
+  error?: boolean,
+  maxLength?: number,
+  menuAlign?: 'left' | 'right',
+  openButton?: boolean,
+  onMouseEnter?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  onMouseOver?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  onMouseLeave?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  placeholder?: string,
+  size?: 'small' | 'medium' | 'large',
+  totalCount?: number,
+  value?: ?T,
+  warning?: boolean,
+  width?: string | number,
+  maxMenuHeight?: number | string,
+  renderNotFound?: () => React$Node,
+  renderTotalCount?: (found: number, total: number) => React$Node,
+  renderItem: (item: T, state?: MenuItemState) => React$Node,
+  renderValue: (value: T) => React$Node,
+  valueToString: (value: T) => string,
+  itemToValue: (item: T) => string | number,
+|};
+
+export type CustomComboBoxState<T> = {|
+  editing: boolean,
+  loading: boolean,
+  opened: boolean,
+  textValue: string,
+  items: ?(T[]),
+|};
+
+export type Effect<T> = (
+  dispatch: (x0: Action<T>) => void,
+  getState: () => CustomComboBoxState<T>,
+  getProps: () => CustomComboBoxProps<T>,
+  getInstance: () => CustomComboBox,
+) => void;
+
+export type Reducer<T> = (
+  state: CustomComboBoxState<T>,
+  props: CustomComboBoxProps<T>,
+  action: Action<T>,
+) => CustomComboBoxState<T> | [CustomComboBoxState<T>, Array<Effect<T>>];
+
+export type Props<T> = {
+  reducer: Reducer<T>,
+} & CustomComboBoxProps<T>;
+
+declare export var DefaultState: {|
+  editing: boolean,
+  items: null,
+  loading: boolean,
+  opened: boolean,
+  textValue: string,
+|};
+
+// eslint-disable-next-line flowtype/no-weak-types
+declare class CustomComboBox extends React$Component<Props<any>, CustomComboBoxState<any>> {
+  // eslint-disable-next-line flowtype/no-weak-types
+  state: CustomComboBoxState<any>;
+  input: ?Input;
+  menu: ?Menu;
+  inputLikeText: ?InputLikeText;
+
+  focus: () => void;
+  selectInputText: () => void;
+  blur: () => void;
+  search(query?: string): void;
+  open(): void;
+  close(): void;
+  reset(): void;
+}
+
+export default CustomComboBox;