@skbkontur/react-ui 0.0.0-b0853da840 → 0.0.0-cb270e7a13

package/components/Tabs/Indicator.js.map

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

package/components/Tabs/Indicator.module.css

@@ -1,5 +0,0 @@
-:local .root {
-  position: absolute;
-  height: 3px;
-  transition: all 0.2s ease-out;
-}

package/components/Tabs/Indicator.module.css.d.ts

@@ -1,5 +0,0 @@
-export interface IIndicatorModuleLess {
-  'root': string;
-}
-declare const styles: IIndicatorModuleLess;
-export default styles;

package/components/Tabs/Indicator.styles.js

@@ -1,33 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';
-
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-    t.tabColorFocus);
-
-  },
-
-  primary: function primary(t) {
-    return css(_templateObject2(),
-    t.tabColorPrimary);
-
-  },
-
-  success: function success(t) {
-    return css(_templateObject3(),
-    t.tabColorSuccess);
-
-  },
-
-  warning: function warning(t) {
-    return css(_templateObject4(),
-    t.tabColorWarning);
-
-  },
-
-  error: function error(t) {
-    return css(_templateObject5(),
-    t.tabColorError);
-
-  } };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Indicator.styles.ts"],"names":["css","jsStyles","root","t","tabColorFocus","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"mappings":"i+BAAA,SAASA,GAAT,QAAoB,2BAApB;;;AAGA,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACC,aADlB;;AAGD,GALqB;;AAOtBC,EAAAA,OAPsB,mBAOdF,CAPc,EAOJ;AAChB,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACG,eADlB;;AAGD,GAXqB;;AAatBC,EAAAA,OAbsB,mBAadJ,CAbc,EAaJ;AAChB,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACK,eADlB;;AAGD,GAjBqB;;AAmBtBC,EAAAA,OAnBsB,mBAmBdN,CAnBc,EAmBJ;AAChB,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACO,eADlB;;AAGD,GAvBqB;;AAyBtBC,EAAAA,KAzBsB,iBAyBhBR,CAzBgB,EAyBN;AACd,WAAOH,GAAP;AACgBG,IAAAA,CAAC,CAACS,aADlB;;AAGD,GA7BqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorFocus};\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorPrimary};\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorSuccess};\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorWarning};\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      background: ${t.tabColorError};\r\n    `;\r\n  },\r\n};\r\n"]}

package/components/Tabs/Tab.js

@@ -1,315 +0,0 @@
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import React from 'react';
-import PropTypes from 'prop-types';
-import invariant from 'invariant';
-
-import { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';
-import { tabListener } from '../../lib/events/tabListener';
-
-import { isFunctionalComponent } from '../../lib/utils';
-import { cx } from '../../lib/theming/Emotion';
-import { ThemeConsumer } from '../ThemeConsumer';import
-
-
-styles from "./Tab.module.css";
-import { TabsContext, TabsContextDefaultValue } from './TabsContext';
-import { jsStyles } from './Tab.styles';
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                          * 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) {_inheritsLoose(Tab, _React$Component);function Tab() {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.
-
-
-
-    context = _this.context;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    state = {
-      focusedByKeyboard: false };_this.
-
-
-    theme = void 0;_this.
-    tabComponent = null;_this.
-    isArrowKeyPressed = false;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getUnderlyingNode = function () {return _this.tabComponent;};_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getId = function () {return _this.props.id || _this.props.href;};_this.
-
-    refTabComponent = function (instance) {
-      _this.tabComponent = instance;
-    };_this.
-
-    handleKeyDownGlobal = function (e) {
-      _this.isArrowKeyPressed = isKeyArrow(e);
-    };_this.
-
-    getTabInstance = function () {return _assertThisInitialized(_this);};_this.
-
-    switchTab = function (event) {
-      if (_this.props.disabled) {
-        event.preventDefault();
-        return;
-      }
-
-      var id = _this.props.id || _this.props.href;
-      if (_this.props.onClick) {
-        _this.props.onClick(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-      }
-      if (typeof id === 'string') {
-        _this.context.switchTab(id);
-      }
-      if (!_this.props.href) {
-        event.preventDefault();
-      }
-    };_this.
-
-    handleMouseDown = function () {return _this.isArrowKeyPressed = false;};_this.
-
-    handleKeyDown = function (e) {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(e);
-        if (e.defaultPrevented) {
-          return;
-        }
-      }
-      var id = _this.getId();
-      if (typeof id !== 'string') {
-        return;
-      }
-      if (!isKeyArrow(e)) {
-        return;
-      }
-      e.preventDefault();
-      var delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;
-      _this.context.shiftFocus(id, delta);
-    };_this.
-
-    handleFocus = function () {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      // focus event fires before keyDown eventlistener
-      // so we should check focusKeyPressed in async way
-      process.nextTick(function () {
-        if (tabListener.isTabPressed || _this.isArrowKeyPressed) {
-          _this.setState({ focusedByKeyboard: true });
-        }
-      });
-    };_this.
-
-    handleBlur = function () {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      _this.setState({ focusedByKeyboard: false });
-    };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();if (typeof id === 'string') {this.context.addTab(id, this.getTabInstance);}window.addEventListener('keydown', this.handleKeyDownGlobal);};_proto.componentDidUpdate = function componentDidUpdate() {if (this.context.activeTab === this.props.id) {this.context.notifyUpdate();}};_proto.componentWillUnmount = function componentWillUnmount() {var id = this.getId();if (typeof id === 'string') {this.context.removeTab(id);}window.removeEventListener('keydown', this.handleKeyDownGlobal);};_proto.render = function render() {var _this2 = this;return React.createElement(ThemeConsumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.getIndicators = function getIndicators() {return { error: Boolean(this.props.error), warning: Boolean(this.props.warning), success: Boolean(this.props.success), primary: Boolean(this.props.primary), disabled: Boolean(this.props.disabled) };};_proto.renderMain = function renderMain() {var _cx;var _this$props = this.props,children = _this$props.children,disabled = _this$props.disabled,error = _this$props.error,warning = _this$props.warning,success = _this$props.success,primary = _this$props.primary,_this$props$component = _this$props.component,Component = _this$props$component === void 0 ? Tab.defaultProps.component : _this$props$component,href = _this$props.href,style = _this$props.style;var isActive = false;var isVertical = false;var id = this.getId();if (typeof id === 'string') {isActive = this.context.activeTab === this.getId();isVertical = this.context.vertical;}return React.createElement(Component, { className: cx((_cx = {}, _cx[styles.root] = true, _cx[jsStyles.root(this.theme)] = true, _cx[styles.vertical] = !!isVertical, _cx[jsStyles.vertical(this.theme)] = !!isVertical, _cx[jsStyles.primary(this.theme)] = !!primary, _cx[jsStyles.success(this.theme)] = !!success, _cx[jsStyles.warning(this.theme)] = !!warning, _cx[jsStyles.error(this.theme)] = !!error, _cx[styles.active] = !!isActive, _cx[styles.disabled] = !!disabled, _cx[jsStyles.disabled(this.theme)] = !!disabled, _cx)), onBlur: this.handleBlur, onClick: this.switchTab, onMouseDown: this.handleMouseDown, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, tabIndex: disabled ? -1 : 0, ref: isFunctionalComponent(Component) ? null : this.refTabComponent, href: href, style: style }, children, this.state.focusedByKeyboard && React.createElement("div", { className: cx(styles.focus, jsStyles.focus(this.theme)) }));};return Tab;}(React.Component);Tab.__KONTUR_REACT_UI__ = 'Tab';Tab.contextType = TabsContext;Tab.propTypes = { children: PropTypes.node, component: PropTypes.any, disabled: PropTypes.bool, href: PropTypes.string.isRequired, id: PropTypes.string.isRequired, onClick: PropTypes.func, onKeyDown: PropTypes.func };Tab.defaultProps = { component: 'a', href: '' };

package/components/Tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Tab.tsx"],"names":["React","PropTypes","invariant","isKeyArrow","isKeyArrowLeft","isKeyArrowUp","tabListener","isFunctionalComponent","cx","ThemeConsumer","styles","TabsContext","TabsContextDefaultValue","jsStyles","Tab","context","state","focusedByKeyboard","theme","tabComponent","isArrowKeyPressed","getUnderlyingNode","getId","props","id","href","refTabComponent","instance","handleKeyDownGlobal","e","getTabInstance","switchTab","event","disabled","preventDefault","onClick","defaultPrevented","handleMouseDown","handleKeyDown","onKeyDown","delta","shiftFocus","handleFocus","process","nextTick","isTabPressed","setState","handleBlur","UNSAFE_componentWillMount","componentDidMount","addTab","window","addEventListener","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","removeEventListener","render","renderMain","getIndicators","error","Boolean","warning","success","primary","children","component","Component","defaultProps","style","isActive","isVertical","vertical","root","active","focus","__KONTUR_REACT_UI__","contextType","propTypes","node","any","bool","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport invariant from 'invariant';\r\n\r\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { isFunctionalComponent } from '../../lib/utils';\r\nimport { cx } from '../../lib/theming/Emotion';\r\nimport { ThemeConsumer } from '../ThemeConsumer';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './Tab.module.less';\r\nimport { TabsContext, TabsContextType, TabsContextDefaultValue } from './TabsContext';\r\nimport { jsStyles } from './Tab.styles';\r\n\r\nexport interface TabIndicators {\r\n  error: boolean;\r\n  warning: boolean;\r\n  success: boolean;\r\n  primary: boolean;\r\n  disabled: boolean;\r\n}\r\n\r\nexport interface TabProps {\r\n  /**\r\n   * Tab content\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Component to use as a tab\r\n   */\r\n  component?: React.ComponentType<any> | string;\r\n\r\n  /**\r\n   * Link href\r\n   */\r\n  href?: string;\r\n\r\n  /**\r\n   * Tab identifier\r\n   */\r\n  id?: string;\r\n\r\n  /**\r\n   * Click event\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\r\n\r\n  /**\r\n   * Click event\r\n   */\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n\r\n  /**\r\n   * Disabled indicator\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Error indicator\r\n   */\r\n  error?: boolean;\r\n\r\n  /**\r\n   * Warning indicator\r\n   */\r\n  warning?: boolean;\r\n\r\n  /**\r\n   * Success indicator\r\n   */\r\n  success?: boolean;\r\n\r\n  /**\r\n   * Primary indicator\r\n   */\r\n  primary?: boolean;\r\n\r\n  /**\r\n   * Style property\r\n   */\r\n  style?: React.CSSProperties;\r\n}\r\n\r\nexport interface TabState {\r\n  focusedByKeyboard: boolean;\r\n}\r\n\r\n/**\r\n * Tab element of Tabs component\r\n *\r\n * Can be used for creating custom tabs\r\n * ```js\r\n *\r\n * const RouteTab = (props) => (\r\n *   <Tab id={props.to} component={RouteLink} {...props}/>\r\n * )\r\n *\r\n * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>\r\n * ```\r\n *\r\n * Works only inside Tabs component, otherwise throws\r\n */\r\nexport class Tab extends React.Component<TabProps, TabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Tab';\r\n\r\n  public static contextType = TabsContext;\r\n  public context: TabsContextType = this.context;\r\n\r\n  public static propTypes = {\r\n    children: PropTypes.node,\r\n    component: PropTypes.any,\r\n    disabled: PropTypes.bool,\r\n    href: PropTypes.string.isRequired,\r\n    id: PropTypes.string.isRequired,\r\n    onClick: PropTypes.func,\r\n    onKeyDown: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    component: 'a',\r\n    href: '',\r\n  };\r\n\r\n  public state: TabState = {\r\n    focusedByKeyboard: false,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private tabComponent: Nullable<React.ReactElement<Tab>> = null;\r\n  private isArrowKeyPressed = false;\r\n\r\n  public UNSAFE_componentWillMount() {\r\n    invariant(this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');\r\n  }\r\n\r\n  public componentDidMount() {\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      this.context.addTab(id, this.getTabInstance);\r\n    }\r\n    window.addEventListener('keydown', this.handleKeyDownGlobal);\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.context.activeTab === this.props.id) {\r\n      this.context.notifyUpdate();\r\n    }\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      this.context.removeTab(id);\r\n    }\r\n    window.removeEventListener('keydown', this.handleKeyDownGlobal);\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeConsumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeConsumer>\r\n    );\r\n  }\r\n\r\n  public getIndicators() {\r\n    return {\r\n      error: Boolean(this.props.error),\r\n      warning: Boolean(this.props.warning),\r\n      success: Boolean(this.props.success),\r\n      primary: Boolean(this.props.primary),\r\n      disabled: Boolean(this.props.disabled),\r\n    };\r\n  }\r\n\r\n  public getUnderlyingNode = () => this.tabComponent;\r\n\r\n  private renderMain() {\r\n    const {\r\n      children,\r\n      disabled,\r\n      error,\r\n      warning,\r\n      success,\r\n      primary,\r\n      component: Component = Tab.defaultProps.component,\r\n      href,\r\n      style,\r\n    } = this.props;\r\n\r\n    let isActive = false;\r\n    let isVertical = false;\r\n\r\n    const id = this.getId();\r\n    if (typeof id === 'string') {\r\n      isActive = this.context.activeTab === this.getId();\r\n      isVertical = this.context.vertical;\r\n    }\r\n\r\n    return (\r\n      <Component\r\n        className={cx({\r\n          [styles.root]: true,\r\n          [jsStyles.root(this.theme)]: true,\r\n          [styles.vertical]: !!isVertical,\r\n          [jsStyles.vertical(this.theme)]: !!isVertical,\r\n          [jsStyles.primary(this.theme)]: !!primary,\r\n          [jsStyles.success(this.theme)]: !!success,\r\n          [jsStyles.warning(this.theme)]: !!warning,\r\n          [jsStyles.error(this.theme)]: !!error,\r\n          [styles.active]: !!isActive,\r\n          [styles.disabled]: !!disabled,\r\n          [jsStyles.disabled(this.theme)]: !!disabled,\r\n        })}\r\n        onBlur={this.handleBlur}\r\n        onClick={this.switchTab}\r\n        onMouseDown={this.handleMouseDown}\r\n        onFocus={this.handleFocus}\r\n        onKeyDown={this.handleKeyDown}\r\n        tabIndex={disabled ? -1 : 0}\r\n        ref={isFunctionalComponent(Component) ? null : this.refTabComponent}\r\n        href={href}\r\n        style={style}\r\n      >\r\n        {children}\r\n        {this.state.focusedByKeyboard && <div className={cx(styles.focus, jsStyles.focus(this.theme))} />}\r\n      </Component>\r\n    );\r\n  }\r\n\r\n  private getId = () => this.props.id || this.props.href;\r\n\r\n  private refTabComponent = (instance: React.ReactElement<any>) => {\r\n    this.tabComponent = instance;\r\n  };\r\n\r\n  private handleKeyDownGlobal = (e: KeyboardEvent) => {\r\n    this.isArrowKeyPressed = isKeyArrow(e);\r\n  };\r\n\r\n  private getTabInstance = () => this;\r\n\r\n  private switchTab = (event: React.MouseEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    const id = this.props.id || this.props.href;\r\n    if (this.props.onClick) {\r\n      this.props.onClick(event);\r\n      if (event.defaultPrevented) {\r\n        return;\r\n      }\r\n    }\r\n    if (typeof id === 'string') {\r\n      this.context.switchTab(id);\r\n    }\r\n    if (!this.props.href) {\r\n      event.preventDefault();\r\n    }\r\n  };\r\n\r\n  private handleMouseDown = () => (this.isArrowKeyPressed = false);\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e);\r\n      if (e.defaultPrevented) {\r\n        return;\r\n      }\r\n    }\r\n    const id = this.getId();\r\n    if (typeof id !== 'string') {\r\n      return;\r\n    }\r\n    if (!isKeyArrow(e)) {\r\n      return;\r\n    }\r\n    e.preventDefault();\r\n    const delta = isKeyArrowLeft(e) || isKeyArrowUp(e) ? -1 : 1;\r\n    this.context.shiftFocus(id, delta);\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    // focus event fires before keyDown eventlistener\r\n    // so we should check focusKeyPressed in async way\r\n    process.nextTick(() => {\r\n      if (tabListener.isTabPressed || this.isArrowKeyPressed) {\r\n        this.setState({ focusedByKeyboard: true });\r\n      }\r\n    });\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ focusedByKeyboard: false });\r\n  };\r\n}\r\n"]}

package/components/Tabs/Tab.module.css

@@ -1,61 +0,0 @@
-:local .root {
-  display: inline-block;
-  margin-left: 20px;
-  margin-right: 20px;
-  padding-top: 9px;
-  padding-bottom: 11px;
-  box-sizing: border-box;
-  font-size: 18px;
-  transition: border-bottom 0.2s ease-out;
-  cursor: pointer;
-  position: relative;
-  text-decoration: inherit;
-}
-:local .root.vertical {
-  display: block;
-  margin-left: 0;
-  margin-right: 0;
-  padding-left: 17px;
-  padding-right: 20px;
-}
-:local .root:focus {
-  outline: inherit;
-}
-:local .root.vertical:hover {
-  border-bottom: none;
-}
-:local .active:hover {
-  cursor: default;
-  border-bottom: 3px solid transparent;
-}
-:local .active.vertical:hover {
-  border-left: 3px solid transparent;
-}
-:local .focus {
-  position: absolute;
-  top: 0;
-  left: -20px;
-  right: -20px;
-  bottom: -3px;
-}
-:local .vertical .focus {
-  left: -3px;
-  right: 0;
-  bottom: 0;
-}
-:local .input {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-  z-index: -1;
-}
-:local .disabled {
-  cursor: default;
-}
-:local .disabled:hover {
-  border-bottom-color: transparent !important;
-}
-:local .disabled.vertical:hover {
-  border-left-color: transparent !important;
-}

package/components/Tabs/Tab.module.css.d.ts

@@ -1,10 +0,0 @@
-export interface ITabModuleLess {
-  'root': string;
-  'vertical': string;
-  'active': string;
-  'focus': string;
-  'input': string;
-  'disabled': string;
-}
-declare const styles: ITabModuleLess;
-export default styles;

package/components/Tabs/Tab.styles.js

@@ -1,89 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject8() {var data = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n      &.", ":hover {\n        border-left-color: ", ";\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n      &.", ":hover {\n        border-left-color: ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n      &.", ":hover {\n        border-left-color: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n      &.", ":hover {\n        border-left-color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n      color: rgba(\n        ", ",\n        ", ",\n        ", ",\n        0.5\n      );\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n      border: 2px solid ", ";\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n      border-bottom: none;\n      border-left: 3px solid transparent;\n\n      .", "&:hover {\n        border-left: 3px solid ", ";\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n      color: inherit;\n      border-bottom: 3px solid transparent;\n\n      &:hover {\n        border-bottom: 3px solid ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}import { css } from '../../lib/theming/Emotion';
-import * as ColorFunctions from '../../lib/styles/ColorFunctions';import
-
-
-styles from "./Tab.module.css";
-
-export var jsStyles = {
-  root: function root(t) {
-    return css(_templateObject(),
-
-
-
-
-    t.tabColorHover);
-
-
-  },
-
-  vertical: function vertical(t) {
-    return css(_templateObject2(),
-
-
-
-    styles.root,
-    t.tabColorHover);
-
-
-  },
-
-  focus: function focus(t) {
-    return css(_templateObject3(),
-    t.tabColorFocus);
-
-  },
-
-  disabled: function disabled(t) {
-    return css(_templateObject4(),
-
-    ColorFunctions.red(t.textColorDefault),
-    ColorFunctions.green(t.textColorDefault),
-    ColorFunctions.blue(t.textColorDefault));
-
-
-
-  },
-
-  primary: function primary(t) {
-    return css(_templateObject5(),
-
-    t.tabColorHoverPrimary,
-
-    styles.vertical,
-    t.tabColorHoverPrimary);
-
-
-  },
-
-  success: function success(t) {
-    return css(_templateObject6(),
-
-    t.tabColorHoverSuccess,
-
-    styles.vertical,
-    t.tabColorHoverSuccess);
-
-
-  },
-
-  warning: function warning(t) {
-    return css(_templateObject7(),
-
-    t.tabColorHoverWarning,
-
-    styles.vertical,
-    t.tabColorHoverWarning);
-
-
-  },
-
-  error: function error(t) {
-    return css(_templateObject8(),
-
-    t.tabColorHoverError,
-
-    styles.vertical,
-    t.tabColorHoverError);
-
-
-  } };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Tab.styles.ts"],"names":["css","ColorFunctions","styles","jsStyles","root","t","tabColorHover","vertical","focus","tabColorFocus","disabled","red","textColorDefault","green","blue","primary","tabColorHoverPrimary","success","tabColorHoverSuccess","warning","tabColorHoverWarning","error","tabColorHoverError"],"mappings":"8rEAAA,SAASA,GAAT,QAAoB,2BAApB;AACA,OAAO,KAAKC,cAAZ,MAAgC,iCAAhC,C;;;AAGOC,M;;AAEP,OAAO,IAAMC,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,WAAOL,GAAP;;;;;AAK+BK,IAAAA,CAAC,CAACC,aALjC;;;AAQD,GAVqB;;AAYtBC,EAAAA,QAZsB,oBAYbF,CAZa,EAYH;AACjB,WAAOL,GAAP;;;;AAIKE,IAAAA,MAAM,CAACE,IAJZ;AAK6BC,IAAAA,CAAC,CAACC,aAL/B;;;AAQD,GArBqB;;AAuBtBE,EAAAA,KAvBsB,iBAuBhBH,CAvBgB,EAuBN;AACd,WAAOL,GAAP;AACsBK,IAAAA,CAAC,CAACI,aADxB;;AAGD,GA3BqB;;AA6BtBC,EAAAA,QA7BsB,oBA6BbL,CA7Ba,EA6BH;AACjB,WAAOL,GAAP;;AAEMC,IAAAA,cAAc,CAACU,GAAf,CAAmBN,CAAC,CAACO,gBAArB,CAFN;AAGMX,IAAAA,cAAc,CAACY,KAAf,CAAqBR,CAAC,CAACO,gBAAvB,CAHN;AAIMX,IAAAA,cAAc,CAACa,IAAf,CAAoBT,CAAC,CAACO,gBAAtB,CAJN;;;;AAQD,GAtCqB;;AAwCtBG,EAAAA,OAxCsB,mBAwCdV,CAxCc,EAwCJ;AAChB,WAAOL,GAAP;;AAE2BK,IAAAA,CAAC,CAACW,oBAF7B;;AAIMd,IAAAA,MAAM,CAACK,QAJb;AAKyBF,IAAAA,CAAC,CAACW,oBAL3B;;;AAQD,GAjDqB;;AAmDtBC,EAAAA,OAnDsB,mBAmDdZ,CAnDc,EAmDJ;AAChB,WAAOL,GAAP;;AAE2BK,IAAAA,CAAC,CAACa,oBAF7B;;AAIMhB,IAAAA,MAAM,CAACK,QAJb;AAKyBF,IAAAA,CAAC,CAACa,oBAL3B;;;AAQD,GA5DqB;;AA8DtBC,EAAAA,OA9DsB,mBA8Ddd,CA9Dc,EA8DJ;AAChB,WAAOL,GAAP;;AAE2BK,IAAAA,CAAC,CAACe,oBAF7B;;AAIMlB,IAAAA,MAAM,CAACK,QAJb;AAKyBF,IAAAA,CAAC,CAACe,oBAL3B;;;AAQD,GAvEqB;;AAyEtBC,EAAAA,KAzEsB,iBAyEhBhB,CAzEgB,EAyEN;AACd,WAAOL,GAAP;;AAE2BK,IAAAA,CAAC,CAACiB,kBAF7B;;AAIMpB,IAAAA,MAAM,CAACK,QAJb;AAKyBF,IAAAA,CAAC,CAACiB,kBAL3B;;;AAQD,GAlFqB,EAAjB","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport styles from './Tab.module.less';\r\n\r\nexport const jsStyles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      color: inherit;\r\n      border-bottom: 3px solid transparent;\r\n\r\n      &:hover {\r\n        border-bottom: 3px solid ${t.tabColorHover};\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: 3px solid transparent;\r\n\r\n      .${styles.root}&:hover {\r\n        border-left: 3px solid ${t.tabColorHover};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border: 2px solid ${t.tabColorFocus};\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: rgba(\r\n        ${ColorFunctions.red(t.textColorDefault)},\r\n        ${ColorFunctions.green(t.textColorDefault)},\r\n        ${ColorFunctions.blue(t.textColorDefault)},\r\n        0.5\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      &.${styles.vertical}: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      &.${styles.vertical}: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      &.${styles.vertical}: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      &.${styles.vertical}:hover {\r\n        border-left-color: ${t.tabColorHoverError};\r\n      }\r\n    `;\r\n  },\r\n};\r\n"]}