@skbkontur/react-ui 3.10.0-fileuploader.2 → 3.10.0

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

@@ -1 +1 @@
-{"version":3,"sources":["Indicator.tsx"],"names":["React","findDOMNode","throttle","LayoutEvents","ThemeContext","cx","styles","TabsContext","Indicator","context","state","theme","eventListener","removeTabUpdatesListener","reflow","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","_","prevState","render","renderMain","indicators","getIndicators","error","warning","success","primary","disabled","root","className","Component","HTMLElement","rect","getBoundingClientRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","contextType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport throttle from 'lodash.throttle';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Indicator.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { TabIndicators } from './Tab';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate(_: IndicatorProps, prevState: IndicatorState) {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        className={cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    if (node instanceof React.Component) {\n      node = findDOMNode(node);\n    }\n\n    if (node instanceof HTMLElement) {\n      const rect = node.getBoundingClientRect();\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: node.offsetLeft,\n          top: node.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: node.offsetLeft,\n        top: node.offsetHeight + node.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"]}
+{"version":3,"sources":["Indicator.tsx"],"names":["React","throttle","LayoutEvents","ThemeContext","cx","getRootNode","rootNode","styles","TabsContext","Indicator","context","state","theme","eventListener","removeTabUpdatesListener","setRootNode","reflow","getTab","activeTab","node","nodeStyles","getStyles","stylesUpdated","some","prop","setState","componentDidMount","addListener","props","tabUpdates","on","componentWillUnmount","cancel","remove","componentDidUpdate","_","prevState","render","renderMain","indicators","getIndicators","error","warning","success","primary","disabled","root","className","htmlNode","HTMLElement","rect","getBoundingClientRect","vertical","width","tabBorderWidth","left","offsetLeft","top","offsetTop","height","bottom","parseInt","offsetHeight","right","Component","contextType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport throttle from 'lodash.throttle';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Indicator.styles';\nimport { TabsContext, TabsContextType } from './TabsContext';\nimport { TabIndicators } from './Tab';\n\nexport interface IndicatorProps {\n  className?: string;\n  tabUpdates: {\n    on: (x0: () => void) => () => void;\n  };\n  vertical: boolean;\n}\n\nexport interface IndicatorState {\n  styles: React.CSSProperties;\n}\n\n@rootNode\nexport class Indicator extends React.Component<IndicatorProps, IndicatorState> {\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public state: IndicatorState = {\n    styles: {},\n  };\n\n  private theme!: Theme;\n\n  private eventListener: Nullable<{\n    remove: () => void;\n  }> = null;\n\n  private removeTabUpdatesListener: Nullable<() => void> = null;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount() {\n    this.eventListener = LayoutEvents.addListener(this.reflow);\n    this.removeTabUpdatesListener = this.props.tabUpdates.on(this.reflow);\n    this.reflow();\n  }\n\n  public componentWillUnmount() {\n    this.reflow.cancel();\n\n    if (this.eventListener) {\n      this.eventListener.remove();\n    }\n    if (this.removeTabUpdatesListener) {\n      this.removeTabUpdatesListener();\n    }\n  }\n\n  public componentDidUpdate(_: IndicatorProps, prevState: IndicatorState) {\n    this.reflow();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const indicators: TabIndicators = (node && node.getIndicators && node.getIndicators()) || {\n      error: false,\n      warning: false,\n      success: false,\n      primary: false,\n      disabled: false,\n    };\n    return (\n      <div\n        className={cx(\n          styles.root(this.theme),\n          indicators.primary && styles.primary(this.theme),\n          indicators.success && styles.success(this.theme),\n          indicators.warning && styles.warning(this.theme),\n          indicators.error && styles.error(this.theme),\n          this.props.className,\n        )}\n        style={this.state.styles}\n        ref={this.setRootNode}\n      />\n    );\n  }\n\n  private reflow = throttle(() => {\n    const { getTab, activeTab } = this.context;\n    const node = getTab(activeTab);\n    const nodeStyles = this.getStyles(node);\n    const stylesUpdated = ['left', 'top', 'width', 'height'].some(\n      (prop) => nodeStyles[prop as keyof React.CSSProperties] !== this.state.styles[prop as keyof React.CSSProperties],\n    );\n    if (stylesUpdated) {\n      this.setState({ styles: nodeStyles });\n    }\n  }, 100);\n\n  private getStyles(node: any): React.CSSProperties {\n    const htmlNode = getRootNode(node);\n\n    if (htmlNode && htmlNode instanceof HTMLElement) {\n      const rect = htmlNode.getBoundingClientRect();\n      if (this.props.vertical) {\n        return {\n          width: this.theme.tabBorderWidth,\n          left: htmlNode.offsetLeft,\n          top: htmlNode.offsetTop,\n          height: rect.bottom - rect.top,\n        };\n      }\n\n      const tabBorderWidth = parseInt(this.theme.tabBorderWidth, 10) || 0;\n      return {\n        left: htmlNode.offsetLeft,\n        top: htmlNode.offsetHeight + htmlNode.offsetTop - tabBorderWidth,\n        width: rect.right - rect.left,\n      };\n    }\n\n    return {};\n  }\n}\n"]}

package/components/Tabs/Indicator.d.ts

@@ -1,27 +1,28 @@
-import React from 'react';
-import { TabsContextType } from './TabsContext';
-export interface IndicatorProps {
-    className?: string;
-    tabUpdates: {
-        on: (x0: () => void) => () => void;
-    };
-    vertical: boolean;
-}
-export interface IndicatorState {
-    styles: React.CSSProperties;
-}
-export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    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 getStyles;
-}
+import React from 'react';
+import { TabsContextType } from './TabsContext';
+export interface IndicatorProps {
+    className?: string;
+    tabUpdates: {
+        on: (x0: () => void) => () => void;
+    };
+    vertical: boolean;
+}
+export interface IndicatorState {
+    styles: React.CSSProperties;
+}
+export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    state: IndicatorState;
+    private theme;
+    private eventListener;
+    private removeTabUpdatesListener;
+    private setRootNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(_: IndicatorProps, prevState: IndicatorState): void;
+    render(): JSX.Element;
+    private renderMain;
+    private reflow;
+    private getStyles;
+}

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

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

package/components/Tabs/Tab/Tab.js

@@ -1,5 +1,9 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import invariant from 'invariant';
@@ -10,41 +14,39 @@ import { isFunctionalComponent } from "../../../lib/utils";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { TabsContext, TabsContextDefaultValue } from "../TabsContext";
 import { styles, horizontalStyles, verticalStyles, globalClasses } from "../Tab.styles";
+export
 /**
- * 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 var Tab = /*#__PURE__*/function (_React$Component) {
+* 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 = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Tab, _React$Component);
 
-  function Tab() {
+  function Tab(props) {
     var _this;
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$Component.call(this, props) || this;
     _this.context = _this.context;
     _this.state = {
       focusedByKeyboard: false
     };
     _this.theme = void 0;
     _this.tabComponent = null;
+    _this.setRootNode = void 0;
 
     _this.getUnderlyingNode = function () {
       return _this.tabComponent;
@@ -142,15 +144,12 @@ export var Tab = /*#__PURE__*/function (_React$Component) {
       });
     };
 
+    invariant(_this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');
     return _this;
   }
 
   var _proto = Tab.prototype;
 
-  _proto.UNSAFE_componentWillMount = function UNSAFE_componentWillMount() {
-    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');
-  };
-
   _proto.componentDidMount = function componentDidMount() {
     var id = this.getId();
 
@@ -215,7 +214,9 @@ export var Tab = /*#__PURE__*/function (_React$Component) {
     }
 
     var orientationStyles = isVertical ? verticalStyles : horizontalStyles;
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(Component, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(Component, {
       className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.vertical(this.theme)] = !!isVertical, _cx[orientationStyles.primary(this.theme)] = !!primary, _cx[orientationStyles.success(this.theme)] = !!success, _cx[orientationStyles.warning(this.theme)] = !!warning, _cx[orientationStyles.error(this.theme)] = !!error, _cx[styles.active()] = !!isActive, _cx[orientationStyles.active(this.theme)] = !!isActive, _cx[styles.disabled(this.theme)] = !!disabled, _cx[orientationStyles.disabled()] = !!disabled, _cx)),
       onBlur: this.handleBlur,
       onClick: this.switchTab,
@@ -232,17 +233,13 @@ export var Tab = /*#__PURE__*/function (_React$Component) {
   };
 
   return Tab;
-}(React.Component);
-Tab.__KONTUR_REACT_UI__ = 'Tab';
-Tab.contextType = TabsContext;
-Tab.propTypes = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Tab', _class2.contextType = TabsContext, _class2.propTypes = {
   children: PropTypes.node,
   disabled: PropTypes.bool,
   href: PropTypes.string.isRequired,
   onClick: PropTypes.func,
   onKeyDown: PropTypes.func
-};
-Tab.defaultProps = {
+}, _class2.defaultProps = {
   component: 'a',
   href: ''
-};
+}, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["Tab.tsx"],"names":["React","PropTypes","invariant","ResizeDetector","isKeyArrow","isKeyArrowLeft","isKeyArrowUp","keyListener","isFunctionalComponent","ThemeContext","CommonWrapper","cx","TabsContext","TabsContextDefaultValue","styles","horizontalStyles","verticalStyles","globalClasses","Tab","context","state","focusedByKeyboard","theme","tabComponent","getUnderlyingNode","getId","props","id","href","refTabComponent","instance","getTabInstance","switchTab","event","disabled","preventDefault","onClick","defaultPrevented","component","handleKeyDown","e","onKeyDown","delta","shiftFocus","handleFocus","requestAnimationFrame","isTabPressed","isArrowPressed","setState","handleBlur","UNSAFE_componentWillMount","componentDidMount","addTab","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","render","renderMain","getIndicators","error","Boolean","warning","success","primary","children","Component","defaultProps","isActive","isVertical","vertical","orientationStyles","root","active","focus","__KONTUR_REACT_UI__","contextType","propTypes","node","bool","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunctionalComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { TabsContext, TabsContextType, TabsContextDefaultValue } from './TabsContext';\nimport { styles, horizontalStyles, verticalStyles, globalClasses } from './Tab.styles';\n\nexport interface TabIndicators {\n  error: boolean;\n  warning: boolean;\n  success: boolean;\n  primary: boolean;\n  disabled: boolean;\n}\n\nexport interface TabProps<T extends string = string> extends CommonProps {\n  /**\n   * Tab content\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Component to use as a tab\n   */\n  component?: React.ComponentType<any> | string;\n\n  /**\n   * Link href\n   */\n  href?: string;\n\n  /**\n   * Tab identifier\n   */\n  id?: T;\n\n  /**\n   * Click event\n   */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Click event\n   */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /**\n   * Disabled indicator\n   */\n  disabled?: boolean;\n\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * Success indicator\n   */\n  success?: boolean;\n\n  /**\n   * Primary indicator\n   */\n  primary?: boolean;\n\n  /**\n   * Style property\n   */\n  style?: React.CSSProperties;\n}\n\nexport interface TabState {\n  focusedByKeyboard: boolean;\n}\n\n/**\n * Tab element of Tabs component\n *\n * Can be used for creating custom tabs\n * ```js\n *\n * const RouteTab = (props) => (\n *   <Tab id={props.to} component={RouteLink} {...props}/>\n * )\n *\n * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>\n * ```\n *\n * Works only inside Tabs component, otherwise throws\n */\nexport class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {\n  public static __KONTUR_REACT_UI__ = 'Tab';\n\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public static propTypes = {\n    children: PropTypes.node,\n    disabled: PropTypes.bool,\n    href: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onKeyDown: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    component: 'a',\n    href: '',\n  };\n\n  public state: TabState = {\n    focusedByKeyboard: false,\n  };\n\n  private theme!: Theme;\n  private tabComponent: Nullable<React.ReactElement<Tab<T>>> = null;\n\n  public UNSAFE_componentWillMount() {\n    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');\n  }\n\n  public componentDidMount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.addTab(id, this.getTabInstance);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.context.activeTab === this.props.id) {\n      this.context.notifyUpdate();\n    }\n  }\n\n  public componentWillUnmount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.removeTab(id);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getIndicators() {\n    return {\n      error: Boolean(this.props.error),\n      warning: Boolean(this.props.warning),\n      success: Boolean(this.props.success),\n      primary: Boolean(this.props.primary),\n      disabled: Boolean(this.props.disabled),\n    };\n  }\n\n  public getUnderlyingNode = () => this.tabComponent;\n\n  private renderMain() {\n    const {\n      children,\n      disabled,\n      error,\n      warning,\n      success,\n      primary,\n      component: Component = Tab.defaultProps.component,\n      href,\n    } = this.props;\n\n    let isActive = false;\n    let isVertical = false;\n\n    const id = this.getId();\n    if (typeof id === 'string') {\n      isActive = this.context.activeTab === this.getId();\n      isVertical = this.context.vertical;\n    }\n    const orientationStyles = isVertical ? verticalStyles : horizontalStyles;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <Component\n          className={cx({\n            [styles.root(this.theme)]: true,\n            [styles.vertical(this.theme)]: !!isVertical,\n            [orientationStyles.primary(this.theme)]: !!primary,\n            [orientationStyles.success(this.theme)]: !!success,\n            [orientationStyles.warning(this.theme)]: !!warning,\n            [orientationStyles.error(this.theme)]: !!error,\n            [styles.active()]: !!isActive,\n            [orientationStyles.active(this.theme)]: !!isActive,\n            [styles.disabled(this.theme)]: !!disabled,\n            [orientationStyles.disabled()]: !!disabled,\n          })}\n          onBlur={this.handleBlur}\n          onClick={this.switchTab}\n          onFocus={this.handleFocus}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={disabled ? -1 : 0}\n          ref={isFunctionalComponent(Component) ? null : this.refTabComponent}\n          href={href}\n        >\n          <ResizeDetector onResize={this.context.notifyUpdate}>{children}</ResizeDetector>\n          {this.state.focusedByKeyboard && <div className={cx(styles.focus(this.theme), globalClasses.focus)} />}\n        </Component>\n      </CommonWrapper>\n    );\n  }\n\n  private getId = () => this.props.id || this.props.href;\n\n  private refTabComponent = (instance: React.ReactElement<any>) => {\n    this.tabComponent = instance;\n  };\n\n  private getTabInstance = () => this;\n\n  private switchTab = (event: React.MouseEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const id = this.props.id || this.props.href;\n    if (this.props.onClick) {\n      this.props.onClick(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n    if (typeof id === 'string') {\n      this.context.switchTab(id);\n    }\n    if (this.props.component === 'a' && !this.props.href) {\n      event.preventDefault();\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n      if (e.defaultPrevented) {\n        return;\n      }\n    }\n    const id = this.getId();\n    if (typeof id !== 'string') {\n      return;\n    }\n    if (!isKeyArrow(e)) {\n      return;\n    }\n    e.preventDefault();\n    const delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;\n    this.context.shiftFocus(id, delta);\n  };\n\n  private handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    // focus event fires before keyDown eventlistener\n    // so we should check focusKeyPressed in async way\n    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed || keyListener.isArrowPressed) {\n        this.setState({ focusedByKeyboard: true });\n      }\n    });\n  };\n\n  private handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focusedByKeyboard: false });\n  };\n}\n"]}
+{"version":3,"sources":["Tab.tsx"],"names":["React","PropTypes","invariant","ResizeDetector","isKeyArrow","isKeyArrowLeft","isKeyArrowUp","keyListener","isFunctionalComponent","ThemeContext","CommonWrapper","cx","rootNode","TabsContext","TabsContextDefaultValue","styles","horizontalStyles","verticalStyles","globalClasses","Tab","props","context","state","focusedByKeyboard","theme","tabComponent","setRootNode","getUnderlyingNode","getId","id","href","refTabComponent","instance","getTabInstance","switchTab","event","disabled","preventDefault","onClick","defaultPrevented","component","handleKeyDown","e","onKeyDown","delta","shiftFocus","handleFocus","requestAnimationFrame","isTabPressed","isArrowPressed","setState","handleBlur","componentDidMount","addTab","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","render","renderMain","getIndicators","error","Boolean","warning","success","primary","children","Component","defaultProps","isActive","isVertical","vertical","orientationStyles","root","active","focus","__KONTUR_REACT_UI__","contextType","propTypes","node","bool","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunctionalComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { TabsContext, TabsContextType, TabsContextDefaultValue } from './TabsContext';\nimport { styles, horizontalStyles, verticalStyles, globalClasses } from './Tab.styles';\n\nexport interface TabIndicators {\n  error: boolean;\n  warning: boolean;\n  success: boolean;\n  primary: boolean;\n  disabled: boolean;\n}\n\nexport interface TabProps<T extends string = string> extends CommonProps {\n  /**\n   * Tab content\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Component to use as a tab\n   */\n  component?: React.ComponentType<any> | string;\n\n  /**\n   * Link href\n   */\n  href?: string;\n\n  /**\n   * Tab identifier\n   */\n  id?: T;\n\n  /**\n   * Click event\n   */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Click event\n   */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /**\n   * Disabled indicator\n   */\n  disabled?: boolean;\n\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  /**\n   * Success indicator\n   */\n  success?: boolean;\n\n  /**\n   * Primary indicator\n   */\n  primary?: boolean;\n\n  /**\n   * Style property\n   */\n  style?: React.CSSProperties;\n}\n\nexport interface TabState {\n  focusedByKeyboard: boolean;\n}\n\n/**\n * Tab element of Tabs component\n *\n * Can be used for creating custom tabs\n * ```js\n *\n * const RouteTab = (props) => (\n *   <Tab id={props.to} component={RouteLink} {...props}/>\n * )\n *\n * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>\n * ```\n *\n * Works only inside Tabs component, otherwise throws\n */\n@rootNode\nexport class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {\n  public static __KONTUR_REACT_UI__ = 'Tab';\n\n  public static contextType = TabsContext;\n  public context: TabsContextType = this.context;\n\n  public static propTypes = {\n    children: PropTypes.node,\n    disabled: PropTypes.bool,\n    href: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onKeyDown: PropTypes.func,\n  };\n\n  public static defaultProps = {\n    component: 'a',\n    href: '',\n  };\n\n  public state: TabState = {\n    focusedByKeyboard: false,\n  };\n\n  private theme!: Theme;\n  private tabComponent: Nullable<React.ReactElement<Tab<T>>> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: TabProps<T>) {\n    super(props);\n    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');\n  }\n\n  public componentDidMount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.addTab(id, this.getTabInstance);\n    }\n  }\n\n  public componentDidUpdate() {\n    if (this.context.activeTab === this.props.id) {\n      this.context.notifyUpdate();\n    }\n  }\n\n  public componentWillUnmount() {\n    const id = this.getId();\n    if (typeof id === 'string') {\n      this.context.removeTab(id);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getIndicators() {\n    return {\n      error: Boolean(this.props.error),\n      warning: Boolean(this.props.warning),\n      success: Boolean(this.props.success),\n      primary: Boolean(this.props.primary),\n      disabled: Boolean(this.props.disabled),\n    };\n  }\n\n  public getUnderlyingNode = () => this.tabComponent;\n\n  private renderMain() {\n    const {\n      children,\n      disabled,\n      error,\n      warning,\n      success,\n      primary,\n      component: Component = Tab.defaultProps.component,\n      href,\n    } = this.props;\n\n    let isActive = false;\n    let isVertical = false;\n\n    const id = this.getId();\n    if (typeof id === 'string') {\n      isActive = this.context.activeTab === this.getId();\n      isVertical = this.context.vertical;\n    }\n    const orientationStyles = isVertical ? verticalStyles : horizontalStyles;\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Component\n          className={cx({\n            [styles.root(this.theme)]: true,\n            [styles.vertical(this.theme)]: !!isVertical,\n            [orientationStyles.primary(this.theme)]: !!primary,\n            [orientationStyles.success(this.theme)]: !!success,\n            [orientationStyles.warning(this.theme)]: !!warning,\n            [orientationStyles.error(this.theme)]: !!error,\n            [styles.active()]: !!isActive,\n            [orientationStyles.active(this.theme)]: !!isActive,\n            [styles.disabled(this.theme)]: !!disabled,\n            [orientationStyles.disabled()]: !!disabled,\n          })}\n          onBlur={this.handleBlur}\n          onClick={this.switchTab}\n          onFocus={this.handleFocus}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={disabled ? -1 : 0}\n          ref={isFunctionalComponent(Component) ? null : this.refTabComponent}\n          href={href}\n        >\n          <ResizeDetector onResize={this.context.notifyUpdate}>{children}</ResizeDetector>\n          {this.state.focusedByKeyboard && <div className={cx(styles.focus(this.theme), globalClasses.focus)} />}\n        </Component>\n      </CommonWrapper>\n    );\n  }\n\n  private getId = () => this.props.id || this.props.href;\n\n  private refTabComponent = (instance: React.ReactElement<any>) => {\n    this.tabComponent = instance;\n  };\n\n  private getTabInstance = () => this;\n\n  private switchTab = (event: React.MouseEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    const id = this.props.id || this.props.href;\n    if (this.props.onClick) {\n      this.props.onClick(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n    if (typeof id === 'string') {\n      this.context.switchTab(id);\n    }\n    if (this.props.component === 'a' && !this.props.href) {\n      event.preventDefault();\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n      if (e.defaultPrevented) {\n        return;\n      }\n    }\n    const id = this.getId();\n    if (typeof id !== 'string') {\n      return;\n    }\n    if (!isKeyArrow(e)) {\n      return;\n    }\n    e.preventDefault();\n    const delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;\n    this.context.shiftFocus(id, delta);\n  };\n\n  private handleFocus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    // focus event fires before keyDown eventlistener\n    // so we should check focusKeyPressed in async way\n    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed || keyListener.isArrowPressed) {\n        this.setState({ focusedByKeyboard: true });\n      }\n    });\n  };\n\n  private handleBlur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.setState({ focusedByKeyboard: false });\n  };\n}\n"]}

package/components/Tabs/Tab.d.ts

@@ -1,120 +1,121 @@
-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<T extends string = string> 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?: T;
-    /**
-     * Click event
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Click event
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Disabled indicator
-     */
-    disabled?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    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<T extends string = string> extends React.Component<TabProps<T>, TabState> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: 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;
-    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<T>, string | React.JSXElementConstructor<any>>>;
-    private renderMain;
-    private getId;
-    private refTabComponent;
-    private getTabInstance;
-    private switchTab;
-    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<T extends string = string> 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?: T;
+    /**
+     * Click event
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Click event
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Disabled indicator
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    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<T extends string = string> extends React.Component<TabProps<T>, TabState> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: 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 setRootNode;
+    constructor(props: TabProps<T>);
+    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<T>, string | React.JSXElementConstructor<any>>>;
+    private renderMain;
+    private getId;
+    private refTabComponent;
+    private getTabInstance;
+    private switchTab;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+}

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

@@ -1,27 +1,27 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    focus: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    vertical(t: Theme): string;
-    focus(t: Theme): string;
-    disabled(t: Theme): string;
-    active(): string;
-};
-export declare const horizontalStyles: {
-    active(t: Theme): string;
-    disabled(): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
-export declare const verticalStyles: {
-    active(t: Theme): string;
-    disabled(): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    focus: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    vertical(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    active(): string;
+};
+export declare const horizontalStyles: {
+    active(t: Theme): string;
+    disabled(): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};
+export declare const verticalStyles: {
+    active(t: Theme): string;
+    disabled(): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};