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

package/components/Calendar/presets.js.flow

@@ -1,21 +1,21 @@
-/* @flow */
-declare var _default: {|
-  noWobble: {|
-    stiffness: number,
-    damping: number,
-  |},
-  gentle: {|
-    stiffness: number,
-    damping: number,
-  |},
-  wobbly: {|
-    stiffness: number,
-    damping: number,
-  |},
-  stiff: {|
-    stiffness: number,
-    damping: number,
-  |},
-|};
-
-export default _default;
+/* @flow */
+declare var _default: {|
+  noWobble: {|
+    stiffness: number,
+    damping: number,
+  |},
+  gentle: {|
+    stiffness: number,
+    damping: number,
+  |},
+  wobbly: {|
+    stiffness: number,
+    damping: number,
+  |},
+  stiff: {|
+    stiffness: number,
+    damping: number,
+  |},
+|};
+
+export default _default;

package/components/Calendar/stepper.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-declare export var stepper: (currentX: number, currentV: number, targetX: number) => [number, number];
+/* @flow */
+declare export var stepper: (currentX: number, currentV: number, targetX: number) => [number, number];

package/components/Calendar/utils.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-declare export function memo<T>(fn: T): T;
+/* @flow */
+declare export function memo<T>(fn: T): T;

package/components/Center/Center.js.flow

@@ -1,15 +1,15 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-export type HorizontalAlign = 'left' | 'center' | 'right';
-
-export type CenterProps = {
-  align?: HorizontalAlign,
-  style?: CSS.Properties<string | number>,
-};
-
-export type CenterState = {||};
-
-declare class Center extends React$Component<CenterProps, CenterState> {}
-
-export default Center;
+/* @flow */
+import * as CSS from 'csstype';
+
+export type HorizontalAlign = 'left' | 'center' | 'right';
+
+export type CenterProps = {
+  align?: HorizontalAlign,
+  style?: CSS.Properties<string | number>,
+};
+
+export type CenterState = {||};
+
+declare class Center extends React$Component<CenterProps, CenterState> {}
+
+export default Center;

package/components/Center/README.md

@@ -1,5 +1,5 @@
-```js
-<Center style={{ background: '#fdd', height: 150 }}>
-  <div style={{ background: 'black', width: 30, height: 30 }} />
-</Center>
-```
+```js
+<Center style={{ background: '#fdd', height: 150 }}>
+  <div style={{ background: 'black', width: 30, height: 30 }} />
+</Center>
+```

package/components/Center/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, CenterProps, CenterState } from './Center';
+/* @flow */
+export { default, CenterProps, CenterState } from './Center';

package/components/Checkbox/Checkbox.adapter.js.flow

@@ -1,4 +1,4 @@
-/* @flow */
-import Checkbox from './Checkbox.js';
-
-export default Checkbox;
+/* @flow */
+import Checkbox from './Checkbox.js';
+
+export default Checkbox;

package/components/Checkbox/Checkbox.js.flow

@@ -1,27 +1,27 @@
-/* @flow */
-import type { MouseEventHandler } from '../eventHandlers';
-
-export type CheckboxProps = {
-  children?: React$Node,
-  error?: boolean,
-  warning?: boolean,
-  onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
-  onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
-  onMouseOver?: MouseEventHandler<HTMLLabelElement>,
-  onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: boolean) => void,
-  initialIndeterminate?: boolean,
-};
-
-export type CheckboxState = {|
-  focusedByTab: boolean,
-  indeterminate: boolean,
-|};
-
-declare class Checkbox extends React$Component<CheckboxProps, CheckboxState> {
-  focus(): void;
-  blur(): void;
-  setIndeterminate: () => void;
-  resetIndeterminate: () => void;
-}
-
-export default Checkbox;
+/* @flow */
+import type { MouseEventHandler } from '../eventHandlers';
+
+export type CheckboxProps = {
+  children?: React$Node,
+  error?: boolean,
+  warning?: boolean,
+  onMouseEnter?: MouseEventHandler<HTMLLabelElement>,
+  onMouseLeave?: MouseEventHandler<HTMLLabelElement>,
+  onMouseOver?: MouseEventHandler<HTMLLabelElement>,
+  onChange?: (event: SyntheticKeyboardEvent<HTMLInputElement>, value: boolean) => void,
+  initialIndeterminate?: boolean,
+};
+
+export type CheckboxState = {|
+  focusedByTab: boolean,
+  indeterminate: boolean,
+|};
+
+declare class Checkbox extends React$Component<CheckboxProps, CheckboxState> {
+  focus(): void;
+  blur(): void;
+  setIndeterminate: () => void;
+  resetIndeterminate: () => void;
+}
+
+export default Checkbox;

package/components/Checkbox/README.md

@@ -1,61 +1,61 @@
-```jsx
-let initialState = { checked: false };
-
-<Checkbox checked={state.checked} onChange={(_, v) => setState({ checked: v })}>
-  Checkbox
-</Checkbox>;
-```
-
-Чекбокс может быть в состоянии "частично выбран". Как и в браузерном чекбоксе, это состояние влияет только на внешний вид и не влияет на состояние `checked`. `indeterminate` устанавливается в конструкторе через проп `initialIndeterminate` или методами инстанса `setIndeterminate()`/`resetIndeterminate()`
-
-```jsx
-class IndeterminateExample extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.checkboxInstance = null;
-
-    this.state = {
-      checked: false,
-    };
-  }
-
-  render() {
-    return (
-      <div>
-        <Gapped>
-          <Checkbox
-            initialIndeterminate
-            checked={this.state.checked}
-            onChange={(_, v) => this.setState({ checked: v })}
-            ref={element => {
-              this.checkboxInstance = element;
-            }}
-          >
-            Checkbox
-          </Checkbox>
-          <Button onClick={this.handleClickOnSetIndeterminate.bind(this)}>
-            <code>setIndeterminate()</code>
-          </Button>
-          <Button onClick={this.handleClickOnResetIndeterminate.bind(this)}>
-            <code>resetIndeterminate()</code>
-          </Button>
-        </Gapped>
-      </div>
-    );
-  }
-
-  handleClickOnSetIndeterminate() {
-    if (this.checkboxInstance) {
-      this.checkboxInstance.setIndeterminate();
-    }
-  }
-  handleClickOnResetIndeterminate() {
-    if (this.checkboxInstance) {
-      this.checkboxInstance.resetIndeterminate();
-    }
-  }
-}
-
-<IndeterminateExample />;
-```
+```jsx
+let initialState = { checked: false };
+
+<Checkbox checked={state.checked} onChange={(_, v) => setState({ checked: v })}>
+  Checkbox
+</Checkbox>;
+```
+
+Чекбокс может быть в состоянии "частично выбран". Как и в браузерном чекбоксе, это состояние влияет только на внешний вид и не влияет на состояние `checked`. `indeterminate` устанавливается в конструкторе через проп `initialIndeterminate` или методами инстанса `setIndeterminate()`/`resetIndeterminate()`
+
+```jsx
+class IndeterminateExample extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.checkboxInstance = null;
+
+    this.state = {
+      checked: false,
+    };
+  }
+
+  render() {
+    return (
+      <div>
+        <Gapped>
+          <Checkbox
+            initialIndeterminate
+            checked={this.state.checked}
+            onChange={(_, v) => this.setState({ checked: v })}
+            ref={element => {
+              this.checkboxInstance = element;
+            }}
+          >
+            Checkbox
+          </Checkbox>
+          <Button onClick={this.handleClickOnSetIndeterminate.bind(this)}>
+            <code>setIndeterminate()</code>
+          </Button>
+          <Button onClick={this.handleClickOnResetIndeterminate.bind(this)}>
+            <code>resetIndeterminate()</code>
+          </Button>
+        </Gapped>
+      </div>
+    );
+  }
+
+  handleClickOnSetIndeterminate() {
+    if (this.checkboxInstance) {
+      this.checkboxInstance.setIndeterminate();
+    }
+  }
+  handleClickOnResetIndeterminate() {
+    if (this.checkboxInstance) {
+      this.checkboxInstance.resetIndeterminate();
+    }
+  }
+}
+
+<IndeterminateExample />;
+```

package/components/Checkbox/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, CheckboxProps, CheckboxState } from './Checkbox';
+/* @flow */
+export { default, CheckboxProps, CheckboxState } from './Checkbox';

package/components/ComboBox/ComboBox.js.flow

@@ -1,58 +1,58 @@
-/* @flow */
-import type { MenuItemState } from '../MenuItem';
-
-export type ComboBoxItem = {
-  value: string | number;
-  label: string;
-};
-
-export type ComboBoxProps<T = ComboBoxItem> = {|
-  align?: 'left' | 'center' | 'right',
-  autocomplete?: boolean,
-  autoFocus?: boolean,
-  borderless?: boolean,
-  disablePortal?: boolean,
-  disabled?: boolean,
-  error?: boolean,
-  getItems?: (query: string) => Promise<T[]>,
-  itemToValue?: (item: T) => string | number,
-  maxLength?: number,
-  drawArrow?: boolean,
-  menuAlign?: 'left' | 'right',
-  onBlur?: () => void,
-  onChange?: (
-    event: {
-      target: {
-        value: T,
-      },
-    },
-    item: T,
-  ) => void,
-  onFocus?: () => void,
-  // eslint-disable-next-line flowtype/no-weak-types
-  onInputChange?: (query: string) => any,
-  onUnexpectedInput?: (query: string) => void | null | T,
-  placeholder?: string,
-  renderItem?: (item: T, state?: MenuItemState) => React$Node,
-  renderNotFound?: () => React$Node,
-  renderTotalCount?: (found: number, total: number) => React$Node,
-  renderValue?: (item: T) => React$Node,
-  totalCount?: number,
-  value?: ?T,
-  valueToString?: (item: T) => string,
-  size?: 'small' | 'medium' | 'large',
-  warning?: boolean,
-  width?: string | number,
-  maxMenuHeight?: number | string,
-|};
-
-declare class ComboBox<T = ComboBoxItem> extends React$Component<ComboBoxProps<T>> {
-  focus(): void;
-  search(query?: string): void;
-  open(): void;
-  close(): void;
-  selectInputText(): void;
-  reset(): void;
-}
-
-export default ComboBox;
+/* @flow */
+import type { MenuItemState } from '../MenuItem';
+
+export type ComboBoxItem = {
+  value: string | number;
+  label: string;
+};
+
+export type ComboBoxProps<T = ComboBoxItem> = {|
+  align?: 'left' | 'center' | 'right',
+  autocomplete?: boolean,
+  autoFocus?: boolean,
+  borderless?: boolean,
+  disablePortal?: boolean,
+  disabled?: boolean,
+  error?: boolean,
+  getItems?: (query: string) => Promise<T[]>,
+  itemToValue?: (item: T) => string | number,
+  maxLength?: number,
+  drawArrow?: boolean,
+  menuAlign?: 'left' | 'right',
+  onBlur?: () => void,
+  onChange?: (
+    event: {
+      target: {
+        value: T,
+      },
+    },
+    item: T,
+  ) => void,
+  onFocus?: () => void,
+  // eslint-disable-next-line flowtype/no-weak-types
+  onInputChange?: (query: string) => any,
+  onUnexpectedInput?: (query: string) => void | null | T,
+  placeholder?: string,
+  renderItem?: (item: T, state?: MenuItemState) => React$Node,
+  renderNotFound?: () => React$Node,
+  renderTotalCount?: (found: number, total: number) => React$Node,
+  renderValue?: (item: T) => React$Node,
+  totalCount?: number,
+  value?: ?T,
+  valueToString?: (item: T) => string,
+  size?: 'small' | 'medium' | 'large',
+  warning?: boolean,
+  width?: string | number,
+  maxMenuHeight?: number | string,
+|};
+
+declare class ComboBox<T = ComboBoxItem> extends React$Component<ComboBoxProps<T>> {
+  focus(): void;
+  search(query?: string): void;
+  open(): void;
+  close(): void;
+  selectInputText(): void;
+  reset(): void;
+}
+
+export default ComboBox;