@skbkontur/react-ui 1.6.9 → 1.6.11

package/components/Sticky/Sticky.js.flow

@@ -1,22 +1,22 @@
-/* @flow */
-
-export type StickyProps = {|
-  side: 'top' | 'bottom',
-  offset?: number,
-  getStop?: () => ?HTMLElement,
-  children?: React$Node | ((fixed: boolean) => React$Node),
-  allowChildWithMargins?: boolean,
-|};
-
-export type StickyState = {|
-  fixed: boolean,
-  height: number,
-  left: number | string,
-  width: number | string,
-  stopped: boolean,
-  relativeTop: number,
-|};
-
-declare class Sticky extends React$Component<StickyProps, StickyState> {}
-
-export default Sticky;
+/* @flow */
+
+export type StickyProps = {|
+  side: 'top' | 'bottom',
+  offset?: number,
+  getStop?: () => ?HTMLElement,
+  children?: React$Node | ((fixed: boolean) => React$Node),
+  allowChildWithMargins?: boolean,
+|};
+
+export type StickyState = {|
+  fixed: boolean,
+  height: number,
+  left: number | string,
+  width: number | string,
+  stopped: boolean,
+  relativeTop: number,
+|};
+
+declare class Sticky extends React$Component<StickyProps, StickyState> {}
+
+export default Sticky;

package/components/Sticky/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, StickyProps, StickyState } from './Sticky';
+/* @flow */
+export { default, StickyProps, StickyState } from './Sticky';

package/components/Switcher/README.md

@@ -1,10 +1,10 @@
-```js
-let intialState = {};
-
-<Switcher
-  label="Switch the switcher"
-  items={['One', 'Two', 'Three']}
-  value={state.value}
-  onChange={(_, value) => setState({ value })}
-/>;
-```
+```js
+let intialState = {};
+
+<Switcher
+  label="Switch the switcher"
+  items={['One', 'Two', 'Three']}
+  value={state.value}
+  onChange={(_, value) => setState({ value })}
+/>;
+```

package/components/Switcher/Switcher.js.flow

@@ -1,26 +1,26 @@
-/* @flow */
-
-export type SwitcherProps = {|
-  items: Array<string | SwitcherItem>,
-  value?: string,
-  onChange?: (event: {|
-    target: {|
-      value: string,
-    |},
-  |}, value: string) => void,
-  label?: string,
-  error?: boolean,
-|};
-
-export type SwitcherState = {|
-  focusedIndex: ?number,
-|};
-
-type SwitcherItem = {|
-  label: string,
-  value: string,
-|};
-
-declare class Switcher extends React$Component<SwitcherProps, SwitcherState> {}
-
-export default Switcher;
+/* @flow */
+
+export type SwitcherProps = {|
+  items: Array<string | SwitcherItem>,
+  value?: string,
+  onChange?: (event: {|
+    target: {|
+      value: string,
+    |},
+  |}, value: string) => void,
+  label?: string,
+  error?: boolean,
+|};
+
+export type SwitcherState = {|
+  focusedIndex: ?number,
+|};
+
+type SwitcherItem = {|
+  label: string,
+  value: string,
+|};
+
+declare class Switcher extends React$Component<SwitcherProps, SwitcherState> {}
+
+export default Switcher;

package/components/Switcher/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, SwitcherProps, SwitcherState } from './Switcher';
+/* @flow */
+export { default, SwitcherProps, SwitcherState } from './Switcher';

package/components/Tabs/Indicator.js.flow

@@ -1,21 +1,21 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-import Tab from './Tab';
-
-export type IndicatorProps = {|
-  className?: string,
-  getAnchorNode: () => Tab | null,
-  tabUpdates: {|
-    on: (x0: () => void) => () => void,
-  |},
-  vertical: boolean,
-|};
-
-export type IndicatorState = {|
-  styles: CSS.Properties<string | number>,
-|};
-
-declare class Indicator extends React$Component<IndicatorProps, IndicatorState> {}
-
-export default Indicator;
+/* @flow */
+import * as CSS from 'csstype';
+
+import Tab from './Tab';
+
+export type IndicatorProps = {|
+  className?: string,
+  getAnchorNode: () => Tab | null,
+  tabUpdates: {|
+    on: (x0: () => void) => () => void,
+  |},
+  vertical: boolean,
+|};
+
+export type IndicatorState = {|
+  styles: CSS.Properties<string | number>,
+|};
+
+declare class Indicator extends React$Component<IndicatorProps, IndicatorState> {}
+
+export default Indicator;

package/components/Tabs/README.md

@@ -1,28 +1,28 @@
-```jsx
-const initialState = { active: 'fuji' };
-
-<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
-  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
-  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
-  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
-</Tabs>;
-```
-
-Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
-
-```jsx
-const initialState = { active: '/fuji' };
-
-const NavLink = props => <a {...props} />;
-const TabLink = ({ id, children }) => (
-  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
-    {children}
-  </Tabs.Tab>
-);
-
-<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```
+```jsx
+const initialState = { active: 'fuji' };
+
+<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
+  <Tabs.Tab id="fuji">🌋 Fuji</Tabs.Tab>
+  <Tabs.Tab id="tahat">⛰ Tahat</Tabs.Tab>
+  <Tabs.Tab id="alps">🗻 Alps</Tabs.Tab>
+</Tabs>;
+```
+
+Можно передавать свои компоненты в качестве табов, например `NavLink` из `react-router`
+
+```jsx
+const initialState = { active: '/fuji' };
+
+const NavLink = props => <a {...props} />;
+const TabLink = ({ id, children }) => (
+  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
+    {children}
+  </Tabs.Tab>
+);
+
+<Tabs value={state.active} onChange={(_, v) => setState({ active: v })}>
+  <TabLink id="/fuji">🌋 Fuji</TabLink>
+  <TabLink id="/tahat">⛰ Tahat</TabLink>
+  <TabLink id="/alps">🗻 Alps</TabLink>
+</Tabs>;
+```

package/components/Tabs/Tab.js.flow

@@ -1,48 +1,48 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-export type TabIndicators = {|
-  error: boolean,
-  warning: boolean,
-  success: boolean,
-  primary: boolean,
-  disabled: boolean,
-|};
-
-export type TabProps = {|
-  children?: React$Node,
-  // eslint-disable-next-line flowtype/no-weak-types
-  component?: React$ComponentType<any> | string,
-  href?: string,
-  id?: string,
-  onClick?: (event: SyntheticMouseEvent<HTMLElement>) => void,
-  onKeyDown?: (event: SyntheticKeyboardEvent<HTMLElement>) => void,
-  disabled?: boolean,
-  error?: boolean,
-  warning?: boolean,
-  success?: boolean,
-  primary?: boolean,
-  style?: CSS.Properties<string | number>,
-|};
-
-export type TabContext = {|
-  activeTab: string,
-  // eslint-disable-next-line flowtype/no-weak-types
-  addTab: (id: string, getNode: () => any) => void,
-  notifyUpdate: () => void,
-  removeTab: (id: string) => void,
-  shiftFocus: (fromTab: string, delta: number) => void,
-  switchTab: (id: string) => void,
-  vertical: boolean,
-|};
-
-export type TabState = {|
-  focusedByKeyboard: boolean,
-|};
-
-declare class Tab extends React$Component<TabProps, TabState> {
-  // eslint-disable-next-line flowtype/no-weak-types
-  getUnderlyingNode: () => ?React$Element<any>,
-}
-
-export default Tab;
+/* @flow */
+import * as CSS from 'csstype';
+
+export type TabIndicators = {|
+  error: boolean,
+  warning: boolean,
+  success: boolean,
+  primary: boolean,
+  disabled: boolean,
+|};
+
+export type TabProps = {|
+  children?: React$Node,
+  // eslint-disable-next-line flowtype/no-weak-types
+  component?: React$ComponentType<any> | string,
+  href?: string,
+  id?: string,
+  onClick?: (event: SyntheticMouseEvent<HTMLElement>) => void,
+  onKeyDown?: (event: SyntheticKeyboardEvent<HTMLElement>) => void,
+  disabled?: boolean,
+  error?: boolean,
+  warning?: boolean,
+  success?: boolean,
+  primary?: boolean,
+  style?: CSS.Properties<string | number>,
+|};
+
+export type TabContext = {|
+  activeTab: string,
+  // eslint-disable-next-line flowtype/no-weak-types
+  addTab: (id: string, getNode: () => any) => void,
+  notifyUpdate: () => void,
+  removeTab: (id: string) => void,
+  shiftFocus: (fromTab: string, delta: number) => void,
+  switchTab: (id: string) => void,
+  vertical: boolean,
+|};
+
+export type TabState = {|
+  focusedByKeyboard: boolean,
+|};
+
+declare class Tab extends React$Component<TabProps, TabState> {
+  // eslint-disable-next-line flowtype/no-weak-types
+  getUnderlyingNode: () => ?React$Element<any>,
+}
+
+export default Tab;

package/components/Tabs/Tabs.js.flow

@@ -1,28 +1,28 @@
-/* @flow */
-import Tab from './Tab';
-
-export type TabsProps = {|
-  children?: React$Node,
-  indicatorClassName?: string,
-  onChange?: (ev: {|
-    target: {|
-      value: string,
-    |},
-  |}, value: string) => void,
-  value: string,
-  vertical?: boolean,
-  width?: number | string,
-|};
-
-export type TabsState = {|
-  tabs: Array<{|
-    getNode: () => Tab | null,
-    id: string,
-  |}>,
-|};
-
-declare class Tabs extends React$Component<TabsProps, TabsState> {
-  static Tab: typeof Tab,
-}
-
-export default Tabs;
+/* @flow */
+import Tab from './Tab';
+
+export type TabsProps = {|
+  children?: React$Node,
+  indicatorClassName?: string,
+  onChange?: (ev: {|
+    target: {|
+      value: string,
+    |},
+  |}, value: string) => void,
+  value: string,
+  vertical?: boolean,
+  width?: number | string,
+|};
+
+export type TabsState = {|
+  tabs: Array<{|
+    getNode: () => Tab | null,
+    id: string,
+  |}>,
+|};
+
+declare class Tabs extends React$Component<TabsProps, TabsState> {
+  static Tab: typeof Tab,
+}
+
+export default Tabs;

package/components/Tabs/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, TabsProps, TabsState } from './Tabs';
+/* @flow */
+export { default, TabsProps, TabsState } from './Tabs';

package/components/Textarea/README.md

@@ -1,9 +1,9 @@
-```js
-let initialState = { value: '' };
-<Textarea
-  value={state.value}
-  onChange={(_, value) => setState({ value })}
-  autoResize
-  placeholder="Through faith we can reign in every area of life"
-/>;
-```
+```js
+let initialState = { value: '' };
+<Textarea
+  value={state.value}
+  onChange={(_, value) => setState({ value })}
+  autoResize
+  placeholder="Through faith we can reign in every area of life"
+/>;
+```

package/components/Textarea/Textarea.adapter.js.flow

@@ -1,11 +1,11 @@
-/* @flow */
-import Textarea from './Textarea.js';
-
-declare var TextareaAdapter: {|
-  getValue(inst: Textarea): string | number | string[] | void,
-  setValue(inst: Textarea, value: string): void,
-|};
-
-export { TextareaAdapter };
-
-export default Textarea;
+/* @flow */
+import Textarea from './Textarea.js';
+
+declare var TextareaAdapter: {|
+  getValue(inst: Textarea): string | number | string[] | void,
+  setValue(inst: Textarea, value: string): void,
+|};
+
+export { TextareaAdapter };
+
+export default Textarea;

package/components/Textarea/Textarea.js.flow

@@ -1,33 +1,33 @@
-/* @flow */
-import * as CSS from 'csstype';
-
-import { TextareaAdapter } from './Textarea.adapter';
-
-export type TextareaProps = {
-  error?: boolean,
-  warning?: boolean,
-  disabled?: boolean,
-  autoResize?: boolean,
-  rows?: number,
-  maxRows?: string | number,
-  resize?: CSS.ResizeProperty,
-  width?: CSS.WidthProperty<string | number>,
-  onChange?: (event: SyntheticInputEvent<HTMLTextAreaElement>, value: string) => void,
-  selectAllOnFocus?: boolean,
-};
-
-export type TextareaState = {|
-  polyfillPlaceholder: boolean,
-  rows: number | string,
-|};
-
-declare class Textarea extends React$Component<TextareaProps, TextareaState> {
-  static __ADAPTER__: typeof TextareaAdapter,
-
-  focus(): void,
-  blur(): void,
-  setSelectionRange: (start: number, end: number) => void,
-  selectAll: () => void,
-}
-
-export default Textarea;
+/* @flow */
+import * as CSS from 'csstype';
+
+import { TextareaAdapter } from './Textarea.adapter';
+
+export type TextareaProps = {
+  error?: boolean,
+  warning?: boolean,
+  disabled?: boolean,
+  autoResize?: boolean,
+  rows?: number,
+  maxRows?: string | number,
+  resize?: CSS.ResizeProperty,
+  width?: CSS.WidthProperty<string | number>,
+  onChange?: (event: SyntheticInputEvent<HTMLTextAreaElement>, value: string) => void,
+  selectAllOnFocus?: boolean,
+};
+
+export type TextareaState = {|
+  polyfillPlaceholder: boolean,
+  rows: number | string,
+|};
+
+declare class Textarea extends React$Component<TextareaProps, TextareaState> {
+  static __ADAPTER__: typeof TextareaAdapter,
+
+  focus(): void,
+  blur(): void,
+  setSelectionRange: (start: number, end: number) => void,
+  selectAll: () => void,
+}
+
+export default Textarea;

package/components/Textarea/TextareaHelpers.js.flow

@@ -1,6 +1,6 @@
-/* @flow */
-
-declare export function getTextAreaHeight(node: HTMLTextAreaElement, minRows: number, maxRows: number): {|
-  height: number,
-  exceededMaxHeight: boolean,
-|};
+/* @flow */
+
+declare export function getTextAreaHeight(node: HTMLTextAreaElement, minRows: number, maxRows: number): {|
+  height: number,
+  exceededMaxHeight: boolean,
+|};

package/components/Textarea/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, TextareaProps, TextareaState } from './Textarea';
+/* @flow */
+export { default, TextareaProps, TextareaState } from './Textarea';

package/components/ThemeProvider/Playground/README.md

@@ -1,7 +1,7 @@
-Разные варианты стилизации компонентов:
-
-```jsx
-const { ThemeProviderPlayground } = require('./ThemeProviderPlayground');
-
-<ThemeProviderPlayground />;
-```
+Разные варианты стилизации компонентов:
+
+```jsx
+const { ThemeProviderPlayground } = require('./ThemeProviderPlayground');
+
+<ThemeProviderPlayground />;
+```