@skbkontur/react-ui 1.6.7 → 1.6.10-radio-group-controlled

package/components/CurrencyInput/README.md

@@ -1,19 +1,19 @@
-```js
-<CurrencyInput value={state.value} fractionDigits={3} onChange={(_, value) => setState({ value })} />
-```
-
-`fractionDigits={15}`
-```js
-<CurrencyInput value={state.value} fractionDigits={15} onChange={(_, value) => setState({ value })} />
-```
-
-
----
-### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
-
-Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
-Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
-
-При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
-
-*Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>*
+```js
+<CurrencyInput value={state.value} fractionDigits={3} onChange={(_, value) => setState({ value })} />
+```
+
+`fractionDigits={15}`
+```js
+<CurrencyInput value={state.value} fractionDigits={15} onChange={(_, value) => setState({ value })} />
+```
+
+
+---
+### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
+
+Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
+Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
+
+При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
+
+*Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>*

package/components/CurrencyInput/SelectionHelper.js.flow

@@ -1,16 +1,16 @@
-/* @flow */
-export type Selection = {|
-  start: number,
-  end: number,
-  direction: SelectionDirection,
-|};
-
-export type SelectionDirection = 'forward' | 'backward' | 'none';
-
-declare class SelectionHelper {
-  static fromPosition: (position: number) => Selection;
-  static backward: (start: number, end: number) => Selection;
-  static forward: (start: number, end: number) => Selection;
-}
-
-export default SelectionHelper;
+/* @flow */
+export type Selection = {|
+  start: number,
+  end: number,
+  direction: SelectionDirection,
+|};
+
+export type SelectionDirection = 'forward' | 'backward' | 'none';
+
+declare class SelectionHelper {
+  static fromPosition: (position: number) => Selection;
+  static backward: (start: number, end: number) => Selection;
+  static forward: (start: number, end: number) => Selection;
+}
+
+export default SelectionHelper;

package/components/CurrencyInput/index.js.flow

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

package/components/CurrencyLabel/CurrencyLabel.js.flow

@@ -1,10 +1,10 @@
-/* @flow */
-export type CurrencyLabelProps = {|
-  fractionDigits?: number,
-  value: number,
-  currencySymbol?: React$Node | null,
-|};
-
-declare var CurrencyLabel: React$ComponentType<CurrencyLabelProps>;
-
-export default CurrencyLabel;
+/* @flow */
+export type CurrencyLabelProps = {|
+  fractionDigits?: number,
+  value: number,
+  currencySymbol?: React$Node | null,
+|};
+
+declare var CurrencyLabel: React$ComponentType<CurrencyLabelProps>;
+
+export default CurrencyLabel;

package/components/CurrencyLabel/README.md

@@ -1,23 +1,23 @@
-To render rubles
-
-```js
-<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
-```
-
-...or dollars
-
-```js
-<CurrencyLabel value={12356.1} currencySymbol={'$'} />
-```
-
-...or nothing
-
-```js
-<CurrencyLabel value={12356.1} />
-```
-
-Count of fraction digits can be changed
-
-```js
-<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
-```
+To render rubles
+
+```js
+<CurrencyLabel value={12356.1} currencySymbol={'₽'} />
+```
+
+...or dollars
+
+```js
+<CurrencyLabel value={12356.1} currencySymbol={'$'} />
+```
+
+...or nothing
+
+```js
+<CurrencyLabel value={12356.1} />
+```
+
+Count of fraction digits can be changed
+
+```js
+<CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
+```

package/components/CurrencyLabel/index.js.flow

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

package/components/CustomComboBox/ComboBoxMenu.js.flow

@@ -1,22 +1,22 @@
-/* @flow */
-import Menu from '../Menu/Menu';
-import type { MenuItemState } from '../MenuItem/MenuItem';
-
-export type ComboBoxMenuProps<T> = {|
-  opened?: boolean,
-  items?: ?(T[]),
-  totalCount?: number,
-  loading?: boolean,
-  maxMenuHeight?: number | string,
-  refMenu?: (menu: ?Menu) => void,
-  renderNotFound?: () => React$Node,
-  renderTotalCount?: (found: number, total: number) => React$Node,
-  renderItem: (item: T, state: MenuItemState) => React$Node,
-  // eslint-disable-next-line flowtype/no-weak-types
-  onChange: (value: T, event: SyntheticEvent<HTMLElement>) => any,
-  renderAddButton?: () => React$Node,
-|};
-
-declare class ComboBoxMenu<T> extends React$Component<ComboBoxMenuProps<T>> {}
-
-export default ComboBoxMenu;
+/* @flow */
+import Menu from '../Menu/Menu';
+import type { MenuItemState } from '../MenuItem/MenuItem';
+
+export type ComboBoxMenuProps<T> = {|
+  opened?: boolean,
+  items?: ?(T[]),
+  totalCount?: number,
+  loading?: boolean,
+  maxMenuHeight?: number | string,
+  refMenu?: (menu: ?Menu) => void,
+  renderNotFound?: () => React$Node,
+  renderTotalCount?: (found: number, total: number) => React$Node,
+  renderItem: (item: T, state: MenuItemState) => React$Node,
+  // eslint-disable-next-line flowtype/no-weak-types
+  onChange: (value: T, event: SyntheticEvent<HTMLElement>) => any,
+  renderAddButton?: () => React$Node,
+|};
+
+declare class ComboBoxMenu<T> extends React$Component<ComboBoxMenuProps<T>> {}
+
+export default ComboBoxMenu;

package/components/CustomComboBox/ComboBoxView.js.flow

@@ -1,52 +1,52 @@
-/* @flow */
-import Input from '../Input';
-import Menu from '../Menu/Menu';
-import type { MenuItemState } from '../MenuItem';
-import InputLikeText from '../internal/InputLikeText';
-
-type ComboBoxViewProps<T> = {|
-  align?: 'left' | 'center' | 'right',
-  autoFocus?: boolean,
-  borderless?: boolean,
-  disablePortal?: boolean,
-  disabled?: boolean,
-  editing?: boolean,
-  error?: boolean,
-  items?: ?(T[]),
-  loading?: boolean,
-  menuAlign?: 'left' | 'right',
-  opened?: boolean,
-  openButton?: boolean,
-  placeholder?: string,
-  size?: 'small' | 'medium' | 'large',
-  textValue?: string,
-  totalCount?: number,
-  value?: ?T,
-  warning?: boolean,
-  width?: string | number,
-  maxLength?: number,
-  maxMenuHeight?: number | string,
-  onChange?: (item: T, e: SyntheticEvent<HTMLElement>) => void,
-  onClickOutside?: () => void,
-  onFocus?: () => void,
-  onFocusOutside?: () => void,
-  onInputBlur?: () => void,
-  onInputChange?: (event: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
-  onInputFocus?: () => void,
-  onInputClick?: () => void,
-  onInputKeyDown?: (e: SyntheticKeyboardEvent<HTMLElement>) => void,
-  onMouseEnter?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  onMouseOver?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  onMouseLeave?: (e: SyntheticMouseEvent<HTMLElement>) => void,
-  renderItem?: (item: T, state: MenuItemState) => React$Node,
-  renderNotFound?: () => React$Node,
-  renderTotalCount?: (found: number, total: number) => React$Node,
-  renderValue?: (item: T) => React$Node,
-  refInput?: (input: ?Input) => void,
-  refMenu?: (menu: ?Menu) => void,
-  refInputLikeText?: (inputLikeText: ?InputLikeText) => void,
-|};
-
-declare class ComboBoxView<T> extends React$Component<ComboBoxViewProps<T>> {}
-
-export default ComboBoxView;
+/* @flow */
+import Input from '../Input';
+import Menu from '../Menu/Menu';
+import type { MenuItemState } from '../MenuItem';
+import InputLikeText from '../internal/InputLikeText';
+
+type ComboBoxViewProps<T> = {|
+  align?: 'left' | 'center' | 'right',
+  autoFocus?: boolean,
+  borderless?: boolean,
+  disablePortal?: boolean,
+  disabled?: boolean,
+  editing?: boolean,
+  error?: boolean,
+  items?: ?(T[]),
+  loading?: boolean,
+  menuAlign?: 'left' | 'right',
+  opened?: boolean,
+  openButton?: boolean,
+  placeholder?: string,
+  size?: 'small' | 'medium' | 'large',
+  textValue?: string,
+  totalCount?: number,
+  value?: ?T,
+  warning?: boolean,
+  width?: string | number,
+  maxLength?: number,
+  maxMenuHeight?: number | string,
+  onChange?: (item: T, e: SyntheticEvent<HTMLElement>) => void,
+  onClickOutside?: () => void,
+  onFocus?: () => void,
+  onFocusOutside?: () => void,
+  onInputBlur?: () => void,
+  onInputChange?: (event: SyntheticInputEvent<HTMLInputElement>, value: string) => void,
+  onInputFocus?: () => void,
+  onInputClick?: () => void,
+  onInputKeyDown?: (e: SyntheticKeyboardEvent<HTMLElement>) => void,
+  onMouseEnter?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  onMouseOver?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  onMouseLeave?: (e: SyntheticMouseEvent<HTMLElement>) => void,
+  renderItem?: (item: T, state: MenuItemState) => React$Node,
+  renderNotFound?: () => React$Node,
+  renderTotalCount?: (found: number, total: number) => React$Node,
+  renderValue?: (item: T) => React$Node,
+  refInput?: (input: ?Input) => void,
+  refMenu?: (menu: ?Menu) => void,
+  refInputLikeText?: (inputLikeText: ?InputLikeText) => void,
+|};
+
+declare class ComboBoxView<T> extends React$Component<ComboBoxViewProps<T>> {}
+
+export default ComboBoxView;

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;

package/components/CustomComboBox/index.js.flow

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