@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/components/Tabs/Tab.d.ts

@@ -1,125 +1,125 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { TabsContextType } from './TabsContext';
-export interface TabIndicators {
-    error: boolean;
-    warning: boolean;
-    success: boolean;
-    primary: boolean;
-    disabled: boolean;
-}
-export interface TabProps extends CommonProps {
-    /**
-     * 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;
-}
-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 __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<TabsContextType>;
-    context: TabsContextType;
-    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>;
-    };
-    static defaultProps: {
-        component: string;
-        href: string;
-    };
-    state: TabState;
-    private theme;
-    private tabComponent;
-    private isArrowKeyPressed;
-    UNSAFE_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, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>>;
-    private renderMain;
-    private getId;
-    private refTabComponent;
-    private handleKeyDownGlobal;
-    private getTabInstance;
-    private switchTab;
-    private handleMouseDown;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { TabsContextType } from './TabsContext';
+export interface TabIndicators {
+    error: boolean;
+    warning: boolean;
+    success: boolean;
+    primary: boolean;
+    disabled: boolean;
+}
+export interface TabProps extends CommonProps {
+    /**
+     * 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;
+}
+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 __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<TabsContextType>;
+    context: TabsContextType;
+    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>;
+    };
+    static defaultProps: {
+        component: string;
+        href: string;
+    };
+    state: TabState;
+    private theme;
+    private tabComponent;
+    private isArrowKeyPressed;
+    UNSAFE_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, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>>;
+    private renderMain;
+    private getId;
+    private refTabComponent;
+    private handleKeyDownGlobal;
+    private getTabInstance;
+    private switchTab;
+    private handleMouseDown;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+}

package/components/Tabs/Tab.styles/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tab.styles.ts"],"names":["css","cssName","memoizeStyle","shift","ColorFunctions","is8pxTheme","styles","root","t","paddingTop","tabPaddingY","paddingBottom","tabBorderWidth","tabFontSize","tabLineHeight","tabPaddingX","tabColorHover","vertical","focus","active","tabOutlineWidth","tabColorFocus","disabled","red","tabTextColorDefault","green","blue","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const paddingTop = is8pxTheme(t) ? t.tabPaddingY : shift(t.tabPaddingY, '-1px');\r\n    const paddingBottom = is8pxTheme(t) ? `calc(${t.tabPaddingY} - ${t.tabBorderWidth})` : shift(t.tabPaddingY, '1px');\r\n    return css`\r\n      border-bottom: ${t.tabBorderWidth} solid transparent;\r\n      box-sizing: border-box;\r\n      color: inherit;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-size: ${t.tabFontSize};\r\n      line-height: ${t.tabLineHeight};\r\n      margin-left: ${t.tabPaddingX};\r\n      margin-right: ${t.tabPaddingX};\r\n      padding-bottom: ${paddingBottom};\r\n      padding-top: ${paddingTop};\r\n      position: relative;\r\n      text-decoration: inherit;\r\n      transition: border-bottom 0.2s ease-out;\r\n\r\n      &:hover {\r\n        outline: inherit;\r\n        border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\r\n      }\r\n\r\n      &:focus {\r\n        outline: inherit;\r\n      }\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      border-bottom: none;\r\n      border-left: ${t.tabBorderWidth} solid transparent;\r\n      display: block;\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n      padding-left: ${shift(t.tabPaddingX, `-${t.tabBorderWidth}`)};\r\n      padding-right: ${t.tabPaddingX};\r\n\r\n      ${cssName(styles.root(t))}&:hover {\r\n        border-bottom: none;\r\n        border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\r\n      }\r\n\r\n      ${cssName(styles.focus(t))} {\r\n        bottom: 0;\r\n        left: -${t.tabBorderWidth};\r\n        right: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  active(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        cursor: default;\r\n        border-bottom: ${t.tabBorderWidth} solid transparent;\r\n      }\r\n\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left: ${t.tabBorderWidth} solid transparent;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\r\n      bottom: -${t.tabBorderWidth};\r\n      left: -${t.tabPaddingX};\r\n      position: absolute;\r\n      right: -${t.tabPaddingX};\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: rgba(\r\n        ${ColorFunctions.red(t.tabTextColorDefault)},\r\n        ${ColorFunctions.green(t.tabTextColorDefault)},\r\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\r\n        0.5\r\n      );\r\n      cursor: default;\r\n\r\n      &:hover {\r\n        border-bottom-color: transparent !important;\r\n      }\r\n\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: transparent !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverPrimary};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverPrimary};\r\n      }\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverSuccess};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverSuccess};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverWarning};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &:hover {\r\n        border-bottom-color: ${t.tabColorHoverError};\r\n      }\r\n      &${cssName(styles.vertical(t))}:hover {\r\n        border-left-color: ${t.tabColorHoverError};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Tab.styles.ts"],"names":["css","cssName","memoizeStyle","shift","ColorFunctions","is8pxTheme","styles","root","t","paddingTop","tabPaddingY","paddingBottom","tabBorderWidth","tabFontSize","tabLineHeight","tabPaddingX","tabColorHover","vertical","focus","active","tabOutlineWidth","tabColorFocus","disabled","red","tabTextColorDefault","green","blue","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Theme } from '../../lib/theming/Theme';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nconst styles = {\n  root(t: Theme) {\n    const paddingTop = is8pxTheme(t) ? t.tabPaddingY : shift(t.tabPaddingY, '-1px');\n    const paddingBottom = is8pxTheme(t) ? `calc(${t.tabPaddingY} - ${t.tabBorderWidth})` : shift(t.tabPaddingY, '1px');\n    return css`\n      border-bottom: ${t.tabBorderWidth} solid transparent;\n      box-sizing: border-box;\n      color: inherit;\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.tabFontSize};\n      line-height: ${t.tabLineHeight};\n      margin-left: ${t.tabPaddingX};\n      margin-right: ${t.tabPaddingX};\n      padding-bottom: ${paddingBottom};\n      padding-top: ${paddingTop};\n      position: relative;\n      text-decoration: inherit;\n      transition: border-bottom 0.2s ease-out;\n\n      &:hover {\n        outline: inherit;\n        border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n      }\n\n      &:focus {\n        outline: inherit;\n      }\n    `;\n  },\n\n  vertical(t: Theme) {\n    return css`\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid transparent;\n      display: block;\n      margin-left: 0;\n      margin-right: 0;\n      padding-left: ${shift(t.tabPaddingX, `-${t.tabBorderWidth}`)};\n      padding-right: ${t.tabPaddingX};\n\n      ${cssName(styles.root(t))}&:hover {\n        border-bottom: none;\n        border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n      }\n\n      ${cssName(styles.focus(t))} {\n        bottom: 0;\n        left: -${t.tabBorderWidth};\n        right: 0;\n      }\n    `;\n  },\n\n  active(t: Theme) {\n    return css`\n      &:hover {\n        cursor: default;\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n\n      &${cssName(styles.vertical(t))}:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n      bottom: -${t.tabBorderWidth};\n      left: -${t.tabPaddingX};\n      position: absolute;\n      right: -${t.tabPaddingX};\n      top: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: rgba(\n        ${ColorFunctions.red(t.tabTextColorDefault)},\n        ${ColorFunctions.green(t.tabTextColorDefault)},\n        ${ColorFunctions.blue(t.tabTextColorDefault)},\n        0.5\n      );\n      cursor: default;\n\n      &:hover {\n        border-bottom-color: transparent !important;\n      }\n\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: transparent !important;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n      &${cssName(styles.vertical(t))}:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Tabs/Tab.styles.d.ts

@@ -1,11 +1,11 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/components/Tabs/Tabs/Tabs.js

@@ -10,10 +10,10 @@ import { Indicator } from "../Indicator";
 import { jsStyles } from "../Tabs.styles";
 import { TabsContext } from "../TabsContext";
 import { Tab } from "../Tab";
-/**
- * Tabs wrapper
- *
- * contains static property `Tab`
+/**
+ * Tabs wrapper
+ *
+ * contains static property `Tab`
  */
 
 export var Tabs = /*#__PURE__*/function (_React$Component) {

package/components/Tabs/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tabs.tsx"],"names":["React","findDOMNode","PropTypes","cn","ThemeContext","CommonWrapper","Indicator","jsStyles","TabsContext","Tab","Tabs","theme","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","Component","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","vertical","width","children","indicatorClassName","root","activeTab","__KONTUR_REACT_UI__","propTypes","node","string","isRequired","bool","oneOfType","number","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { Indicator } from './Indicator';\r\nimport { jsStyles } from './Tabs.styles';\r\nimport { TabsContext } from './TabsContext';\r\nimport { Tab } from './Tab';\r\n\r\nexport interface TabsProps extends CommonProps {\r\n  /**\r\n   * Tab component should be child of Tabs component\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Classname of indicator\r\n   */\r\n  indicatorClassName?: string;\r\n\r\n  /**\r\n   * Tabs change event\r\n   */\r\n  onValueChange?: (value: string) => void;\r\n\r\n  /**\r\n   * Active tab identifier\r\n   */\r\n  value: string;\r\n\r\n  /**\r\n   * Vertical indicator\r\n   * @default false\r\n   */\r\n  vertical: boolean;\r\n\r\n  /**\r\n   * Width of tabs container\r\n   */\r\n  width?: number | string;\r\n}\r\n\r\n/**\r\n * Tabs wrapper\r\n *\r\n * contains static property `Tab`\r\n */\r\nexport class Tabs extends React.Component<TabsProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Tabs';\r\n\r\n  public static propTypes = {\r\n    children: PropTypes.node,\r\n    indicatorClassName: PropTypes.string,\r\n    value: PropTypes.string.isRequired,\r\n    vertical: PropTypes.bool,\r\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n    onValueChange: PropTypes.func,\r\n  };\r\n  public static defaultProps = {\r\n    vertical: false,\r\n  };\r\n\r\n  public static Tab = Tab;\r\n\r\n  private theme!: Theme;\r\n\r\n  private tabs: Array<{\r\n    getNode: () => Tab | null;\r\n    id: string;\r\n  }> = [];\r\n\r\n  private tabUpdates = {\r\n    on: (cb: () => void) => {\r\n      const index = this.listeners.push(cb);\r\n      return () => {\r\n        this.listeners.splice(index, 1);\r\n      };\r\n    },\r\n  };\r\n\r\n  private listeners: Array<() => void> = [];\r\n\r\n  public render(): JSX.Element {\r\n    const { vertical, value, width, children, indicatorClassName } = this.props;\r\n\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <CommonWrapper {...this.props}>\r\n              <div\r\n                className={cn(jsStyles.root(this.theme), vertical && jsStyles.vertical(this.theme))}\r\n                style={{ width }}\r\n              >\r\n                <TabsContext.Provider\r\n                  value={{\r\n                    vertical,\r\n                    activeTab: value,\r\n                    getTab: this.getTab,\r\n                    addTab: this.addTab,\r\n                    removeTab: this.removeTab,\r\n                    notifyUpdate: this.notifyUpdate,\r\n                    shiftFocus: this.shiftFocus,\r\n                    switchTab: this.switchTab,\r\n                  }}\r\n                >\r\n                  {children}\r\n                  <Indicator className={indicatorClassName} tabUpdates={this.tabUpdates} vertical={vertical} />\r\n                </TabsContext.Provider>\r\n              </div>\r\n            </CommonWrapper>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private shiftFocus = (fromTab: string, delta: number) => {\r\n    const { tabs } = this;\r\n    const index = tabs.findIndex(x => x.id === fromTab);\r\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\r\n    const tab = tabs[newIndex];\r\n\r\n    const tabNode = tab.getNode();\r\n    let htmlNode = null;\r\n    if (tabNode instanceof React.Component) {\r\n      htmlNode = findDOMNode(tabNode);\r\n    }\r\n\r\n    if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {\r\n      htmlNode.focus();\r\n    }\r\n  };\r\n\r\n  private notifyUpdate = () => {\r\n    this.listeners.forEach(cb => cb());\r\n  };\r\n\r\n  private switchTab = (id: string) => {\r\n    const { onValueChange, value } = this.props;\r\n    if (id !== value && onValueChange) {\r\n      onValueChange(id);\r\n    }\r\n  };\r\n\r\n  private getTab = (id: string): Tab | null => {\r\n    const { getNode = null } = this.tabs.find(x => x.id === id) || {};\r\n    return getNode && getNode();\r\n  };\r\n\r\n  private addTab = (id: string, getNode: () => any) => {\r\n    this.tabs = this.tabs.concat({ id, getNode });\r\n  };\r\n\r\n  private removeTab = (id: string) => {\r\n    this.tabs = this.tabs.filter(tab => tab.id !== id);\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Tabs.tsx"],"names":["React","findDOMNode","PropTypes","cn","ThemeContext","CommonWrapper","Indicator","jsStyles","TabsContext","Tab","Tabs","theme","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","findIndex","x","id","newIndex","Math","max","min","length","tab","tabNode","getNode","htmlNode","Component","HTMLElement","focus","notifyUpdate","forEach","switchTab","props","onValueChange","value","getTab","find","addTab","concat","removeTab","filter","render","vertical","width","children","indicatorClassName","root","activeTab","__KONTUR_REACT_UI__","propTypes","node","string","isRequired","bool","oneOfType","number","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { Indicator } from './Indicator';\nimport { jsStyles } from './Tabs.styles';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\nexport interface TabsProps extends CommonProps {\n  /**\n   * Tab component should be child of Tabs component\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Classname of indicator\n   */\n  indicatorClassName?: string;\n\n  /**\n   * Tabs change event\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Active tab identifier\n   */\n  value: string;\n\n  /**\n   * Vertical indicator\n   * @default false\n   */\n  vertical: boolean;\n\n  /**\n   * Width of tabs container\n   */\n  width?: number | string;\n}\n\n/**\n * Tabs wrapper\n *\n * contains static property `Tab`\n */\nexport class Tabs extends React.Component<TabsProps> {\n  public static __KONTUR_REACT_UI__ = 'Tabs';\n\n  public static propTypes = {\n    children: PropTypes.node,\n    indicatorClassName: PropTypes.string,\n    value: PropTypes.string.isRequired,\n    vertical: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onValueChange: PropTypes.func,\n  };\n  public static defaultProps = {\n    vertical: false,\n  };\n\n  public static Tab = Tab;\n\n  private theme!: Theme;\n\n  private tabs: Array<{\n    getNode: () => Tab | null;\n    id: string;\n  }> = [];\n\n  private tabUpdates = {\n    on: (cb: () => void) => {\n      const index = this.listeners.push(cb);\n      return () => {\n        this.listeners.splice(index, 1);\n      };\n    },\n  };\n\n  private listeners: Array<() => void> = [];\n\n  public render(): JSX.Element {\n    const { vertical, value, width, children, indicatorClassName } = this.props;\n\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return (\n            <CommonWrapper {...this.props}>\n              <div\n                className={cn(jsStyles.root(this.theme), vertical && jsStyles.vertical(this.theme))}\n                style={{ width }}\n              >\n                <TabsContext.Provider\n                  value={{\n                    vertical,\n                    activeTab: value,\n                    getTab: this.getTab,\n                    addTab: this.addTab,\n                    removeTab: this.removeTab,\n                    notifyUpdate: this.notifyUpdate,\n                    shiftFocus: this.shiftFocus,\n                    switchTab: this.switchTab,\n                  }}\n                >\n                  {children}\n                  <Indicator className={indicatorClassName} tabUpdates={this.tabUpdates} vertical={vertical} />\n                </TabsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private shiftFocus = (fromTab: string, delta: number) => {\n    const { tabs } = this;\n    const index = tabs.findIndex(x => x.id === fromTab);\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n    const tab = tabs[newIndex];\n\n    const tabNode = tab.getNode();\n    let htmlNode = null;\n    if (tabNode instanceof React.Component) {\n      htmlNode = findDOMNode(tabNode);\n    }\n\n    if (htmlNode && htmlNode instanceof HTMLElement && typeof htmlNode.focus === 'function') {\n      htmlNode.focus();\n    }\n  };\n\n  private notifyUpdate = () => {\n    this.listeners.forEach(cb => cb());\n  };\n\n  private switchTab = (id: string) => {\n    const { onValueChange, value } = this.props;\n    if (id !== value && onValueChange) {\n      onValueChange(id);\n    }\n  };\n\n  private getTab = (id: string): Tab | null => {\n    const { getNode = null } = this.tabs.find(x => x.id === id) || {};\n    return getNode && getNode();\n  };\n\n  private addTab = (id: string, getNode: () => any) => {\n    this.tabs = this.tabs.concat({ id, getNode });\n  };\n\n  private removeTab = (id: string) => {\n    this.tabs = this.tabs.filter(tab => tab.id !== id);\n  };\n}\n"]}

package/components/Tabs/Tabs.d.ts

@@ -1,62 +1,62 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Tab } from './Tab';
-export interface TabsProps extends CommonProps {
-    /**
-     * Tab component should be child of Tabs component
-     */
-    children?: React.ReactNode;
-    /**
-     * Classname of indicator
-     */
-    indicatorClassName?: string;
-    /**
-     * Tabs change event
-     */
-    onValueChange?: (value: string) => void;
-    /**
-     * Active tab identifier
-     */
-    value: string;
-    /**
-     * Vertical indicator
-     * @default false
-     */
-    vertical: boolean;
-    /**
-     * Width of tabs container
-     */
-    width?: number | string;
-}
-/**
- * Tabs wrapper
- *
- * contains static property `Tab`
- */
-export declare class Tabs extends React.Component<TabsProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicatorClassName: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<string>;
-        vertical: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        vertical: boolean;
-    };
-    static Tab: typeof Tab;
-    private theme;
-    private tabs;
-    private tabUpdates;
-    private listeners;
-    render(): JSX.Element;
-    private shiftFocus;
-    private notifyUpdate;
-    private switchTab;
-    private getTab;
-    private addTab;
-    private removeTab;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Tab } from './Tab';
+export interface TabsProps extends CommonProps {
+    /**
+     * Tab component should be child of Tabs component
+     */
+    children?: React.ReactNode;
+    /**
+     * Classname of indicator
+     */
+    indicatorClassName?: string;
+    /**
+     * Tabs change event
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Active tab identifier
+     */
+    value: string;
+    /**
+     * Vertical indicator
+     * @default false
+     */
+    vertical: boolean;
+    /**
+     * Width of tabs container
+     */
+    width?: number | string;
+}
+/**
+ * Tabs wrapper
+ *
+ * contains static property `Tab`
+ */
+export declare class Tabs extends React.Component<TabsProps> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        indicatorClassName: PropTypes.Requireable<string>;
+        value: PropTypes.Validator<string>;
+        vertical: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        vertical: boolean;
+    };
+    static Tab: typeof Tab;
+    private theme;
+    private tabs;
+    private tabUpdates;
+    private listeners;
+    render(): JSX.Element;
+    private shiftFocus;
+    private notifyUpdate;
+    private switchTab;
+    private getTab;
+    private addTab;
+    private removeTab;
+}

package/components/Tabs/Tabs.md

@@ -1,36 +1,36 @@
-```jsx harmony
-const initialState = { active: 'fuji' };
-
-<Tabs value={state.active} onValueChange={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 harmony
-const initialState = { active: '/fuji' };
-
-const NavLink = props => (
-  <a
-    {...props}
-    onClick={e => {
-      e.preventDefault();
-      props.onClick(e);
-    }}
-  />
-);
-const TabLink = ({ id, children }) => (
-  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
-    {children}
-  </Tabs.Tab>
-);
-
-<Tabs value={state.active} onValueChange={v => setState({ active: v })}>
-  <TabLink id="/fuji">🌋 Fuji</TabLink>
-  <TabLink id="/tahat">⛰ Tahat</TabLink>
-  <TabLink id="/alps">🗻 Alps</TabLink>
-</Tabs>;
-```
+```jsx harmony
+const initialState = { active: 'fuji' };
+
+<Tabs value={state.active} onValueChange={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 harmony
+const initialState = { active: '/fuji' };
+
+const NavLink = props => (
+  <a
+    {...props}
+    onClick={e => {
+      e.preventDefault();
+      props.onClick(e);
+    }}
+  />
+);
+const TabLink = ({ id, children }) => (
+  <Tabs.Tab id={id} component={props => <NavLink {...props} to={props.id} />}>
+    {children}
+  </Tabs.Tab>
+);
+
+<Tabs value={state.active} onValueChange={v => setState({ active: v })}>
+  <TabLink id="/fuji">🌋 Fuji</TabLink>
+  <TabLink id="/tahat">⛰ Tahat</TabLink>
+  <TabLink id="/alps">🗻 Alps</TabLink>
+</Tabs>;
+```

package/components/Tabs/Tabs.styles/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tabs.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tabsMarginX","vertical","jsStyles"],"mappings":"miBAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,WAFjB;;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJF,CAVI,EAUM;AACjB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKD,GAhBY,EAAf;;;AAmBA,OAAO,IAAMG,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      margin: 0 -${t.tabsMarginX};\r\n      padding: 0;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  vertical(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        margin: 0;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Tabs.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","tabsMarginX","vertical","jsStyles"],"mappings":"miBAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;AAEeK,IAAAA,CAAC,CAACC,WAFjB;;;;AAMD,GARY;;AAUbC,EAAAA,QAVa,oBAUJF,CAVI,EAUM;AACjB,WAAOL,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACC,IAAP,CAAYC,CAAZ,CAAD,CADX;;;;AAKD,GAhBY,EAAf;;;AAmBA,OAAO,IAAMG,QAAQ,GAAGN,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: 0 -${t.tabsMarginX};\n      padding: 0;\n      position: relative;\n    `;\n  },\n\n  vertical(t: Theme) {\n    return css`\n      ${cssName(styles.root(t))}& {\n        margin: 0;\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Tabs/Tabs.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    vertical(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

package/components/Tabs/TabsContext/TabsContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEJ,YAH8C;AAItDK,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,YAAY,EAAEN,YALwC;AAMtDO,EAAAA,SAAS,EAAEP,YAN2C;AAOtDQ,EAAAA,UAAU,EAAER,YAP0C;AAQtDS,EAAAA,SAAS,EAAET,YAR2C,EAAjD;;AAUP,OAAO,IAAMU,WAAW,gBAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB;;AAEPS,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\r\n\r\nimport { emptyHandler } from '../../lib/utils';\r\n\r\nimport { Tab } from './Tab';\r\n\r\nexport interface TabsContextType {\r\n  vertical: boolean;\r\n  activeTab: string;\r\n  getTab: (id: string) => Tab | null | void;\r\n  addTab: (id: string, getNode: () => Tab) => void;\r\n  notifyUpdate: () => void;\r\n  removeTab: (id: string) => void;\r\n  shiftFocus: (fromTab: string, delta: number) => void;\r\n  switchTab: (id: string) => void;\r\n}\r\n\r\nexport const TabsContextDefaultValue: TabsContextType = {\r\n  vertical: false,\r\n  activeTab: '',\r\n  getTab: emptyHandler,\r\n  addTab: emptyHandler,\r\n  notifyUpdate: emptyHandler,\r\n  removeTab: emptyHandler,\r\n  shiftFocus: emptyHandler,\r\n  switchTab: emptyHandler,\r\n};\r\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\r\n\r\nTabsContext.displayName = 'TabsContext';\r\n"]}
+{"version":3,"sources":["TabsContext.ts"],"names":["React","emptyHandler","TabsContextDefaultValue","vertical","activeTab","getTab","addTab","notifyUpdate","removeTab","shiftFocus","switchTab","TabsContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,iBAA7B;;;;;;;;;;;;;;;AAeA,OAAO,IAAMC,uBAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,KAD4C;AAEtDC,EAAAA,SAAS,EAAE,EAF2C;AAGtDC,EAAAA,MAAM,EAAEJ,YAH8C;AAItDK,EAAAA,MAAM,EAAEL,YAJ8C;AAKtDM,EAAAA,YAAY,EAAEN,YALwC;AAMtDO,EAAAA,SAAS,EAAEP,YAN2C;AAOtDQ,EAAAA,UAAU,EAAER,YAP0C;AAQtDS,EAAAA,SAAS,EAAET,YAR2C,EAAjD;;AAUP,OAAO,IAAMU,WAAW,gBAAGX,KAAK,CAACY,aAAN,CAAqCV,uBAArC,CAApB;;AAEPS,WAAW,CAACE,WAAZ,GAA0B,aAA1B","sourcesContent":["import React from 'react';\n\nimport { emptyHandler } from '../../lib/utils';\n\nimport { Tab } from './Tab';\n\nexport interface TabsContextType {\n  vertical: boolean;\n  activeTab: string;\n  getTab: (id: string) => Tab | null | void;\n  addTab: (id: string, getNode: () => Tab) => void;\n  notifyUpdate: () => void;\n  removeTab: (id: string) => void;\n  shiftFocus: (fromTab: string, delta: number) => void;\n  switchTab: (id: string) => void;\n}\n\nexport const TabsContextDefaultValue: TabsContextType = {\n  vertical: false,\n  activeTab: '',\n  getTab: emptyHandler,\n  addTab: emptyHandler,\n  notifyUpdate: emptyHandler,\n  removeTab: emptyHandler,\n  shiftFocus: emptyHandler,\n  switchTab: emptyHandler,\n};\nexport const TabsContext = React.createContext<TabsContextType>(TabsContextDefaultValue);\n\nTabsContext.displayName = 'TabsContext';\n"]}

package/components/Tabs/TabsContext.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Tab } from './Tab';
-export interface TabsContextType {
-    vertical: boolean;
-    activeTab: string;
-    getTab: (id: string) => Tab | null | void;
-    addTab: (id: string, getNode: () => Tab) => void;
-    notifyUpdate: () => void;
-    removeTab: (id: string) => void;
-    shiftFocus: (fromTab: string, delta: number) => void;
-    switchTab: (id: string) => void;
-}
-export declare const TabsContextDefaultValue: TabsContextType;
-export declare const TabsContext: React.Context<TabsContextType>;
+import React from 'react';
+import { Tab } from './Tab';
+export interface TabsContextType {
+    vertical: boolean;
+    activeTab: string;
+    getTab: (id: string) => Tab | null | void;
+    addTab: (id: string, getNode: () => Tab) => void;
+    notifyUpdate: () => void;
+    removeTab: (id: string) => void;
+    shiftFocus: (fromTab: string, delta: number) => void;
+    switchTab: (id: string) => void;
+}
+export declare const TabsContextDefaultValue: TabsContextType;
+export declare const TabsContext: React.Context<TabsContextType>;