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

package/components/TokenInput/README.md

@@ -1,82 +1,82 @@
-```jsx
-const { default: Token } = require('../Token');
-const { TokenInputType } = require('./TokenInput');
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-
-const tokenColors = {
-  First: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  Second: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  Third: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  Fourth: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  Fifth: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  Sixth: {
-    idle: 'white',
-    active: 'black',
-  },
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-};
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    getItems={getItems}
-    selectedItems={state.selectedItems}
-    onChange={itemsNew => setState({ selectedItems: itemsNew })}
-    renderToken={(item, { isActive, onClick, onRemove }) => (
-      <Token
-        key={item.toString()}
-        colors={tokenColors[item] || tokenColors.default}
-        isActive={isActive}
-        onClick={onClick}
-        onRemove={onRemove}
-      >
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-
-const ru_RU = {
-  addButtonComment: 'Нажмите Enter или поставьте запятую',
-  addButtonTitle: 'Добавить',
-};
-
-const en_GB = {
-  addButtonComment: 'Press Enter or type comma',
-  addButtonTitle: 'Add',
-};
-```
+```jsx
+const { default: Token } = require('../Token');
+const { TokenInputType } = require('./TokenInput');
+const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
+
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
+    ),
+  ).then(delay(500));
+
+const tokenColors = {
+  First: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  Second: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  Third: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  Fourth: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  Fifth: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  Sixth: {
+    idle: 'white',
+    active: 'black',
+  },
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+};
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={state.selectedItems}
+    onChange={itemsNew => setState({ selectedItems: itemsNew })}
+    renderToken={(item, { isActive, onClick, onRemove }) => (
+      <Token
+        key={item.toString()}
+        colors={tokenColors[item] || tokenColors.default}
+        isActive={isActive}
+        onClick={onClick}
+        onRemove={onRemove}
+      >
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+
+#### Локали по умолчанию (см. `LocaleProvider`)
+
+```typescript
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+
+const ru_RU = {
+  addButtonComment: 'Нажмите Enter или поставьте запятую',
+  addButtonTitle: 'Добавить',
+};
+
+const en_GB = {
+  addButtonComment: 'Press Enter or type comma',
+  addButtonTitle: 'Add',
+};
+```

package/components/TokenInput/TextWidthHelper.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface TextWidthHelperProps {
-    text?: string;
-}
-export default class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): JSX.Element;
-    getTextWidth(): number;
-    private elementRef;
-}
+import * as React from 'react';
+export interface TextWidthHelperProps {
+    text?: string;
+}
+export default class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): JSX.Element;
+    getTextWidth(): number;
+    private elementRef;
+}

package/components/TokenInput/TextWidthHelper.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
-var all_1 = require("../all");
+var RenderContainer_1 = require("../RenderContainer/RenderContainer");
 var styles = {
   position: 'absolute',
   left: -1000,
@@ -18,7 +18,7 @@ var TextWidthHelper = /** @class */function (_super) {
     return _this;
   }
   TextWidthHelper.prototype.render = function () {
-    return React.createElement(all_1.RenderContainer, null,
+    return React.createElement(RenderContainer_1.RenderContainer, null,
     React.createElement("div", { style: styles, ref: this.elementRef }, this.props.text));
   };
   TextWidthHelper.prototype.getTextWidth = function () {

package/components/TokenInput/TextWidthHelper.js.flow

@@ -1,10 +1,10 @@
-/* @flow */
-export type TextWidthHelperProps = {|
-  text?: string,
-|};
-
-declare class TextWidthHelper extends React$Component<TextWidthHelperProps> {
-  getTextWidth(): number;
-}
-
-export default TextWidthHelper;
+/* @flow */
+export type TextWidthHelperProps = {|
+  text?: string,
+|};
+
+declare class TextWidthHelper extends React$Component<TextWidthHelperProps> {
+  getTextWidth(): number;
+}
+
+export default TextWidthHelper;

package/components/TokenInput/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidthHelper.js","sourceRoot":"","sources":["TextWidthHelper.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,8BAAyC;AAMzC,IAAM,MAAM,GAAwB;IAClC,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC,IAAI;IACX,GAAG,EAAE,CAAC,IAAI;IACV,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF;IAA6C,2CAAqC;IAAlF;QAAA,qEAkBC;QAjBS,aAAO,GAA0B,IAAI,CAAC;QAgBtC,gBAAU,GAAG,UAAC,IAAoB,IAAK,OAAA,CAAC,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC,EAArB,CAAqB,CAAC;;IACvE,CAAC;IAfQ,gCAAM,GAAb;QACE,OAAO,CACL,oBAAC,qBAAe;YACd,6BAAK,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,IACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACU,CACnB,CAAC;IACJ,CAAC;IAEM,sCAAY,GAAnB;QACE,OAAO,IAAI,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IACrD,CAAC;IAGH,sBAAC;AAAD,CAAC,AAlBD,CAA6C,KAAK,CAAC,SAAS,GAkB3D"}
+{"version":3,"file":"TextWidthHelper.js","sourceRoot":"","sources":["TextWidthHelper.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,sEAAqE;AAMrE,IAAM,MAAM,GAAwB;IAClC,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC,IAAI;IACX,GAAG,EAAE,CAAC,IAAI;IACV,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF;IAA6C,2CAAqC;IAAlF;QAAA,qEAkBC;QAjBS,aAAO,GAA0B,IAAI,CAAC;QAgBtC,gBAAU,GAAG,UAAC,IAAoB,IAAK,OAAA,CAAC,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC,EAArB,CAAqB,CAAC;;IACvE,CAAC;IAfQ,gCAAM,GAAb;QACE,OAAO,CACL,oBAAC,iCAAe;YACd,6BAAK,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,IACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ,CACU,CACnB,CAAC;IACJ,CAAC;IAEM,sCAAY,GAAnB;QACE,OAAO,IAAI,CAAC,OAAQ,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;IACrD,CAAC;IAGH,sBAAC;AAAD,CAAC,AAlBD,CAA6C,KAAK,CAAC,SAAS,GAkB3D"}

package/components/TokenInput/TokenInput.d.ts

@@ -1,108 +1,108 @@
-import * as React from 'react';
-import { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
-import { TokenProps } from '../Token';
-import { MenuItemState } from '../MenuItem';
-import { TokenActions } from '../Token/Token';
-export declare enum TokenInputType {
-    WithReference = 0,
-    WithoutReference = 1,
-    Combined = 2
-}
-export interface TokenInputProps<T> {
-    selectedItems: T[];
-    onChange: (items: T[]) => void;
-    onMouseEnter: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave: MouseEventHandler<HTMLDivElement>;
-    onFocus: FocusEventHandler<HTMLInputElement>;
-    onBlur: FocusEventHandler<HTMLInputElement>;
-    autoFocus?: boolean;
-    type?: TokenInputType;
-    getItems?: (query: string) => Promise<T[]>;
-    hideMenuIfEmptyInputValue?: boolean;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
-    renderValue: (item: T) => React.ReactNode;
-    /**
-     * Функция должна возвращать строковое представление токена
-     * @default item => item
-     */
-    valueToString: (item: T) => string;
-    renderNotFound?: () => React.ReactNode;
-    valueToItem: (item: string) => T;
-    toKey: (item: T) => string | number | undefined;
-    placeholder?: string;
-    delimiters?: string[];
-    error?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-    width?: string | number;
-    renderToken?: (item: T, props: Partial<TokenProps & TokenActions>) => ReactNode;
-    /**
-     * @deprecated Use `renderToken` prop instead
-     */
-    renderTokenComponent?: (token: (props?: Partial<TokenProps>) => React.ReactElement<TokenProps>, value?: T) => React.ReactElement<TokenProps>;
-}
-export interface TokenInputState<T> {
-    autocompleteItems?: T[];
-    activeTokens: T[];
-    inFocus?: boolean;
-    inputValue: string;
-    inputValueWidth: number;
-    preventBlur?: boolean;
-    loading?: boolean;
-}
-export default class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
-    static defaultProps: Partial<TokenInputProps<any>>;
-    state: TokenInputState<T>;
-    private theme;
-    private input;
-    private tokensInputMenu;
-    private textHelper;
-    private wrapper;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private hasValueInItems;
-    private readonly showAddItemHint;
-    private readonly type;
-    private readonly delimiters;
-    private readonly menuRef;
-    private readonly isCursorVisible;
-    private isCursorVisibleForState;
-    private inputRef;
-    private tokensInputMenuRef;
-    private textHelperRef;
-    private wrapperRef;
-    private dispatch;
-    private updateInputTextWidth;
-    private handleInputFocus;
-    private handleInputBlur;
-    private isBlurToMenu;
-    private handleWrapperMouseDown;
-    private handleWrapperMouseUp;
-    private handleCopy;
-    private handleInputPaste;
-    private tryGetItems;
-    private handleKeyDown;
-    private handleInputKeyDown;
-    private moveFocusToLastToken;
-    private focusInput;
-    private handleWrapperKeyDown;
-    private handleWrapperArrows;
-    private handleWrapperArrowsWithoutShift;
-    private handleWrapperArrowsWithShift;
-    private handleChange;
-    private handleAddItem;
-    private handleRemoveToken;
-    private handleTokenClick;
-    private handleChangeInputValue;
-    private highlightMenuItem;
-    private renderTokenFields;
-    private renderTokenSelector;
-    /**
-     * @deprecated
-     */
-    private renderTokenComponent;
-    private renderToken;
-}
+import * as React from 'react';
+import { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
+import { TokenProps } from '../Token';
+import { MenuItemState } from '../MenuItem';
+import { TokenActions } from '../Token/Token';
+export declare enum TokenInputType {
+    WithReference = 0,
+    WithoutReference = 1,
+    Combined = 2
+}
+export interface TokenInputProps<T> {
+    selectedItems: T[];
+    onChange: (items: T[]) => void;
+    onMouseEnter: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave: MouseEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLInputElement>;
+    onBlur: FocusEventHandler<HTMLInputElement>;
+    autoFocus?: boolean;
+    type?: TokenInputType;
+    getItems?: (query: string) => Promise<T[]>;
+    hideMenuIfEmptyInputValue?: boolean;
+    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
+    renderValue: (item: T) => React.ReactNode;
+    /**
+     * Функция должна возвращать строковое представление токена
+     * @default item => item
+     */
+    valueToString: (item: T) => string;
+    renderNotFound?: () => React.ReactNode;
+    valueToItem: (item: string) => T;
+    toKey: (item: T) => string | number | undefined;
+    placeholder?: string;
+    delimiters?: string[];
+    error?: boolean;
+    warning?: boolean;
+    disabled?: boolean;
+    width?: string | number;
+    renderToken?: (item: T, props: Partial<TokenProps & TokenActions>) => ReactNode;
+    /**
+     * @deprecated Use `renderToken` prop instead
+     */
+    renderTokenComponent?: (token: (props?: Partial<TokenProps>) => React.ReactElement<TokenProps>, value?: T) => React.ReactElement<TokenProps>;
+}
+export interface TokenInputState<T> {
+    autocompleteItems?: T[];
+    activeTokens: T[];
+    inFocus?: boolean;
+    inputValue: string;
+    inputValueWidth: number;
+    preventBlur?: boolean;
+    loading?: boolean;
+}
+export default class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
+    static defaultProps: Partial<TokenInputProps<any>>;
+    state: TokenInputState<T>;
+    private theme;
+    private input;
+    private tokensInputMenu;
+    private textHelper;
+    private wrapper;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private hasValueInItems;
+    private readonly showAddItemHint;
+    private readonly type;
+    private readonly delimiters;
+    private readonly menuRef;
+    private readonly isCursorVisible;
+    private isCursorVisibleForState;
+    private inputRef;
+    private tokensInputMenuRef;
+    private textHelperRef;
+    private wrapperRef;
+    private dispatch;
+    private updateInputTextWidth;
+    private handleInputFocus;
+    private handleInputBlur;
+    private isBlurToMenu;
+    private handleWrapperMouseDown;
+    private handleWrapperMouseUp;
+    private handleCopy;
+    private handleInputPaste;
+    private tryGetItems;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private moveFocusToLastToken;
+    private focusInput;
+    private handleWrapperKeyDown;
+    private handleWrapperArrows;
+    private handleWrapperArrowsWithoutShift;
+    private handleWrapperArrowsWithShift;
+    private handleChange;
+    private handleAddItem;
+    private handleRemoveToken;
+    private handleTokenClick;
+    private handleChangeInputValue;
+    private highlightMenuItem;
+    private renderTokenFields;
+    private renderTokenSelector;
+    /**
+     * @deprecated
+     */
+    private renderTokenComponent;
+    private renderToken;
+}

package/components/TokenInput/TokenInput.js

@@ -339,8 +339,8 @@ var TokenInput = /** @class */function (_super) {
           return _this.renderToken(item);}
 
     };
-    /**
-        * @deprecated
+    /**
+        * @deprecated
         */
     _this.renderTokenComponent = function (item) {
       if (process.env.NODE_ENV !== 'production') {

package/components/TokenInput/TokenInput.js.flow

@@ -1,39 +1,39 @@
-/* @flow */
-import type { TokenProps } from '../Token';
-import type { MenuItemState } from '../MenuItem';
-
-export type TokenInputType = 0 | 1 | 2;
-
-export type TokenInputProps<T> = {|
-  selectedItems: T[],
-  onChange: (items: T[]) => void,
-  autoFocus?: boolean,
-  type?: TokenInputType,
-  getItems?: (query: string) => Promise<T[]>,
-  hideMenuIfEmptyInputValue?: boolean,
-  renderItem: (item: T, state: MenuItemState) => React$Node | void,
-  renderValue: (item: T) => React$Node,
-  renderNotFound: () => React$Node,
-  valueToItem: (item: string) => T,
-  placeholder?: string,
-  delimiters?: string[],
-  error?: boolean,
-  warning?: boolean,
-  disabled?: boolean,
-  width: string | number,
-  renderTokenComponent?: (token: (props?: $Shape<TokenProps>) => React$Node, value?: T) => React$Node,
-|};
-
-export type TokenInputState<T> = {|
-  autocompleteItems?: T[],
-  activeTokens: T[],
-  inFocus?: boolean,
-  inputValue: string,
-  inputValueWidth: number,
-  preventBlur?: boolean,
-  loading?: boolean,
-|};
-
-declare class TokenInput<T = string> extends React$Component<TokenInputProps<T>, TokenInputState<T>> {}
-
-export default TokenInput;
+/* @flow */
+import type { TokenProps } from '../Token';
+import type { MenuItemState } from '../MenuItem';
+
+export type TokenInputType = 0 | 1 | 2;
+
+export type TokenInputProps<T> = {|
+  selectedItems: T[],
+  onChange: (items: T[]) => void,
+  autoFocus?: boolean,
+  type?: TokenInputType,
+  getItems?: (query: string) => Promise<T[]>,
+  hideMenuIfEmptyInputValue?: boolean,
+  renderItem: (item: T, state: MenuItemState) => React$Node | void,
+  renderValue: (item: T) => React$Node,
+  renderNotFound: () => React$Node,
+  valueToItem: (item: string) => T,
+  placeholder?: string,
+  delimiters?: string[],
+  error?: boolean,
+  warning?: boolean,
+  disabled?: boolean,
+  width: string | number,
+  renderTokenComponent?: (token: (props?: $Shape<TokenProps>) => React$Node, value?: T) => React$Node,
+|};
+
+export type TokenInputState<T> = {|
+  autocompleteItems?: T[],
+  activeTokens: T[],
+  inFocus?: boolean,
+  inputValue: string,
+  inputValueWidth: number,
+  preventBlur?: boolean,
+  loading?: boolean,
+|};
+
+declare class TokenInput<T = string> extends React$Component<TokenInputProps<T>, TokenInputState<T>> {}
+
+export default TokenInput;

package/components/TokenInput/TokenInput.styles.d.ts

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

package/components/TokenInput/TokenInputMenu.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import { ComboBoxMenuProps } from '../CustomComboBox/ComboBoxMenu';
-export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: HTMLElement;
-    inputValue: string;
-    showAddItemHint?: boolean;
-    onAddItem: (item: string) => void;
-}
-export default class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
-    private readonly locale;
-    private menu;
-    render(): JSX.Element;
-    getMenuRef: () => any;
-    private menuRef;
-    private renderAddButton;
-}
+import * as React from 'react';
+import { ComboBoxMenuProps } from '../CustomComboBox/ComboBoxMenu';
+export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
+    anchorElement: HTMLElement;
+    inputValue: string;
+    showAddItemHint?: boolean;
+    onAddItem: (item: string) => void;
+}
+export default class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
+    private readonly locale;
+    private menu;
+    render(): JSX.Element;
+    getMenuRef: () => any;
+    private menuRef;
+    private renderAddButton;
+}

package/components/TokenInput/TokenInputMenu.js.flow

@@ -1,17 +1,17 @@
-/* @flow */
-import type { ComboBoxMenuProps } from '../CustomComboBox/ComboBoxMenu';
-
-export type TokenInputMenuProps<T> = {|
-  ...$Exact<ComboBoxMenuProps<T>>,
-  anchorElement: HTMLElement,
-  inputValue: string,
-  showAddItemHint?: boolean,
-  onAddItem: (item: string) => void,
-|};
-
-declare class TokenInputMenu<T = string> extends React$Component<TokenInputMenuProps<T>> {
-  // eslint-disable-next-line flowtype/no-weak-types
-  getMenuRef: () => any;
-}
-
-export default TokenInputMenu;
+/* @flow */
+import type { ComboBoxMenuProps } from '../CustomComboBox/ComboBoxMenu';
+
+export type TokenInputMenuProps<T> = {|
+  ...$Exact<ComboBoxMenuProps<T>>,
+  anchorElement: HTMLElement,
+  inputValue: string,
+  showAddItemHint?: boolean,
+  onAddItem: (item: string) => void,
+|};
+
+declare class TokenInputMenu<T = string> extends React$Component<TokenInputMenuProps<T>> {
+  // eslint-disable-next-line flowtype/no-weak-types
+  getMenuRef: () => any;
+}
+
+export default TokenInputMenu;