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

package/components/Switcher/Switcher.styles.d.ts

@@ -1,5 +1,5 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    error(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    error(t: ITheme): string;
+};
+export default jsStyles;

package/components/Switcher/index.d.ts

@@ -1 +1 @@
-export { default, SwitcherProps, SwitcherState } from './Switcher';
+export { default, SwitcherProps, SwitcherState } from './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.d.ts

@@ -1,29 +1,29 @@
-import * as React from 'react';
-import { TabsContextType } from './TabsContext';
-export interface IndicatorProps {
-    className?: string;
-    tabUpdates: {
-        on: (x0: () => void) => () => void;
-    };
-    vertical: boolean;
-    context?: TabsContextType;
-}
-export interface IndicatorState {
-    styles: React.CSSProperties;
-}
-export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
-    state: IndicatorState;
-    private theme;
-    private eventListener;
-    private removeTabUpdatesListener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(_: IndicatorProps, prevState: IndicatorState): void;
-    render(): JSX.Element;
-    private renderMain;
-    private reflow;
-    private throttledReflow;
-    private getStyles;
-}
-export declare const IndicatorWithContext: (props: IndicatorProps) => JSX.Element;
-export default IndicatorWithContext;
+import * as React from 'react';
+import { TabsContextType } from './TabsContext';
+export interface IndicatorProps {
+    className?: string;
+    tabUpdates: {
+        on: (x0: () => void) => () => void;
+    };
+    vertical: boolean;
+    context?: TabsContextType;
+}
+export interface IndicatorState {
+    styles: React.CSSProperties;
+}
+export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
+    state: IndicatorState;
+    private theme;
+    private eventListener;
+    private removeTabUpdatesListener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(_: IndicatorProps, prevState: IndicatorState): void;
+    render(): JSX.Element;
+    private renderMain;
+    private reflow;
+    private throttledReflow;
+    private getStyles;
+}
+export declare const IndicatorWithContext: (props: IndicatorProps) => JSX.Element;
+export default IndicatorWithContext;

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/Indicator.styles.d.ts

@@ -1,9 +1,9 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    root(t: ITheme): string;
-    primary(t: ITheme): string;
-    success(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    root(t: ITheme): string;
+    primary(t: ITheme): string;
+    success(t: ITheme): string;
+    warning(t: ITheme): string;
+    error(t: ITheme): string;
+};
+export default jsStyles;

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.d.ts

@@ -1,134 +1,134 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { TabsContextType } from './TabsContext';
-export interface TabIndicators {
-    error: boolean;
-    warning: boolean;
-    success: boolean;
-    primary: boolean;
-    disabled: boolean;
-}
-export interface TabProps {
-    /**
-     * Tab content
-     */
-    children?: React.ReactNode;
-    /**
-     * Component to use as a tab
-     */
-    component?: React.ComponentType<any> | string;
-    /**
-     * Link href
-     */
-    href?: string;
-    /**
-     * Tab identifier
-     */
-    id?: string;
-    /**
-     * Click event
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Click event
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Disabled indicator
-     */
-    disabled?: boolean;
-    /**
-     * Error indicator
-     */
-    error?: boolean;
-    /**
-     * Warning indicator
-     */
-    warning?: boolean;
-    /**
-     * Success indicator
-     */
-    success?: boolean;
-    /**
-     * Primary indicator
-     */
-    primary?: boolean;
-    /**
-     * Style property
-     */
-    style?: React.CSSProperties;
-    context?: TabsContextType;
-}
-export interface TabState {
-    focusedByKeyboard: boolean;
-}
-/**
- * Tab element of Tabs component
- *
- * Can be used for creating custom tabs
- * ```js
- *
- * const RouteTab = (props) => (
- *   <Tab id={props.to} component={RouteLink} {...props}/>
- * )
- *
- * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
- * ```
- *
- * Works only inside Tabs component, otherwise throws
- */
-export declare class Tab extends React.Component<TabProps, TabState> {
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        component: PropTypes.Requireable<any>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Validator<string>;
-        id: PropTypes.Validator<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        context: PropTypes.Requireable<PropTypes.InferProps<{
-            vertical: PropTypes.Validator<boolean>;
-            activeTab: PropTypes.Validator<string>;
-            getTab: PropTypes.Validator<(...args: any[]) => any>;
-            addTab: PropTypes.Validator<(...args: any[]) => any>;
-            removeTab: PropTypes.Validator<(...args: any[]) => any>;
-            notifyUpdate: PropTypes.Validator<(...args: any[]) => any>;
-            switchTab: PropTypes.Validator<(...args: any[]) => any>;
-            shiftFocus: PropTypes.Validator<(...args: any[]) => any>;
-        }>>;
-    };
-    static defaultProps: {
-        component: string;
-        href: string;
-    };
-    state: TabState;
-    private theme;
-    private tabComponent;
-    private isArrowKeyPressed;
-    componentWillMount(): void;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    getIndicators(): {
-        error: boolean;
-        warning: boolean;
-        success: boolean;
-        primary: boolean;
-        disabled: boolean;
-    };
-    getUnderlyingNode: () => Nullable<React.ReactElement<Tab>>;
-    private renderMain;
-    private getId;
-    private refTabComponent;
-    private handleKeyDownGlobal;
-    private getTabInstance;
-    private switchTab;
-    private handleMouseDown;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-}
-export declare const TabWithContext: (props: TabProps) => JSX.Element;
-export default TabWithContext;
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+import { TabsContextType } from './TabsContext';
+export interface TabIndicators {
+    error: boolean;
+    warning: boolean;
+    success: boolean;
+    primary: boolean;
+    disabled: boolean;
+}
+export interface TabProps {
+    /**
+     * Tab content
+     */
+    children?: React.ReactNode;
+    /**
+     * Component to use as a tab
+     */
+    component?: React.ComponentType<any> | string;
+    /**
+     * Link href
+     */
+    href?: string;
+    /**
+     * Tab identifier
+     */
+    id?: string;
+    /**
+     * Click event
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Click event
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Disabled indicator
+     */
+    disabled?: boolean;
+    /**
+     * Error indicator
+     */
+    error?: boolean;
+    /**
+     * Warning indicator
+     */
+    warning?: boolean;
+    /**
+     * Success indicator
+     */
+    success?: boolean;
+    /**
+     * Primary indicator
+     */
+    primary?: boolean;
+    /**
+     * Style property
+     */
+    style?: React.CSSProperties;
+    context?: TabsContextType;
+}
+export interface TabState {
+    focusedByKeyboard: boolean;
+}
+/**
+ * Tab element of Tabs component
+ *
+ * Can be used for creating custom tabs
+ * ```js
+ *
+ * const RouteTab = (props) => (
+ *   <Tab id={props.to} component={RouteLink} {...props}/>
+ * )
+ *
+ * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
+ * ```
+ *
+ * Works only inside Tabs component, otherwise throws
+ */
+export declare class Tab extends React.Component<TabProps, TabState> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        component: PropTypes.Requireable<any>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Validator<string>;
+        id: PropTypes.Validator<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        context: PropTypes.Requireable<PropTypes.InferProps<{
+            vertical: PropTypes.Validator<boolean>;
+            activeTab: PropTypes.Validator<string>;
+            getTab: PropTypes.Validator<(...args: any[]) => any>;
+            addTab: PropTypes.Validator<(...args: any[]) => any>;
+            removeTab: PropTypes.Validator<(...args: any[]) => any>;
+            notifyUpdate: PropTypes.Validator<(...args: any[]) => any>;
+            switchTab: PropTypes.Validator<(...args: any[]) => any>;
+            shiftFocus: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
+    };
+    static defaultProps: {
+        component: string;
+        href: string;
+    };
+    state: TabState;
+    private theme;
+    private tabComponent;
+    private isArrowKeyPressed;
+    componentWillMount(): void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    getIndicators(): {
+        error: boolean;
+        warning: boolean;
+        success: boolean;
+        primary: boolean;
+        disabled: boolean;
+    };
+    getUnderlyingNode: () => Nullable<React.ReactElement<Tab>>;
+    private renderMain;
+    private getId;
+    private refTabComponent;
+    private handleKeyDownGlobal;
+    private getTabInstance;
+    private switchTab;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+}
+export declare const TabWithContext: (props: TabProps) => JSX.Element;
+export default TabWithContext;

package/components/Tabs/Tab.js

@@ -12,20 +12,20 @@ var TabsContext_1 = require("./TabsContext");
 var Emotion_1 = require("../../lib/theming/Emotion");
 var Tab_styles_1 = tslib_1.__importDefault(require("./Tab.styles"));
 var ThemeConsumer_1 = require("../ThemeConsumer");
-/**
-                                                    * Tab element of Tabs component
-                                                    *
-                                                    * Can be used for creating custom tabs
-                                                    * ```js
-                                                    *
-                                                    * const RouteTab = (props) => (
-                                                    *   <Tab id={props.to} component={RouteLink} {...props}/>
-                                                    * )
-                                                    *
-                                                    * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
-                                                    * ```
-                                                    *
-                                                    * Works only inside Tabs component, otherwise throws
+/**
+                                                    * Tab element of Tabs component
+                                                    *
+                                                    * Can be used for creating custom tabs
+                                                    * ```js
+                                                    *
+                                                    * const RouteTab = (props) => (
+                                                    *   <Tab id={props.to} component={RouteLink} {...props}/>
+                                                    * )
+                                                    *
+                                                    * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
+                                                    * ```
+                                                    *
+                                                    * Works only inside Tabs component, otherwise throws
                                                     */
 var Tab = /** @class */function (_super) {
   tslib_1.__extends(Tab, _super);

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/Tab.styles.d.ts

@@ -1,12 +1,12 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    root(t: ITheme): string;
-    vertical(t: ITheme): string;
-    focus(t: ITheme): string;
-    disabled(t: ITheme): string;
-    primary(t: ITheme): string;
-    success(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    root(t: ITheme): string;
+    vertical(t: ITheme): string;
+    focus(t: ITheme): string;
+    disabled(t: ITheme): string;
+    primary(t: ITheme): string;
+    success(t: ITheme): string;
+    warning(t: ITheme): string;
+    error(t: ITheme): string;
+};
+export default jsStyles;