npm - @skbkontur/react-ui - Versions diffs - 5.6.9-5e213.0 → 5.6.9 - Mend

@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2366) hide show

package/components/Tabs/Tab/Tab.js CHANGED Viewed

@@ -1,15 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Tab;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import invariant from 'invariant';
 import { globalObject } from '@skbkontur/global-object';
@@ -37,8 +28,7 @@ export var TabDataTids = {
 export var Tab = rootNode(_class = (_Tab = /*#__PURE__*/function (_React$Component) {
   function Tab(props) {
     var _this;
-    _classCallCheck(this, Tab);
-    _this = _callSuper(this, Tab, [props]);
+    _this = _React$Component.call(this, props) || this;
     _this.context = _this.context;
     _this.getProps = createPropsGetter(Tab.defaultProps);
     _this.state = {
@@ -101,14 +91,13 @@ export var Tab = rootNode(_class = (_Tab = /*#__PURE__*/function (_React$Compone
       _this.context.shiftFocus(id, delta);
     };
     _this.handleFocus = function () {
-      var _globalObject$request;
       if (_this.props.disabled) {
         return;
       }
       // focus event fires before keyDown eventlistener
       // so we should check focusKeyPressed in async way
-      (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
+      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
         if (keyListener.isTabPressed || keyListener.isArrowPressed) {
           _this.setState({
             focusedByKeyboard: true
@@ -127,98 +116,87 @@ export var Tab = rootNode(_class = (_Tab = /*#__PURE__*/function (_React$Compone
     invariant(_this.context !== TabsContextDefaultValue, 'Tab should be placed inside Tabs component');
     return _this;
   }
-  _inherits(Tab, _React$Component);
-  return _createClass(Tab, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var id = this.getId();
-      if (typeof id === 'string') {
-        this.context.addTab(id, this.getTabInstance);
-      }
+  _inheritsLoose(Tab, _React$Component);
+  var _proto = Tab.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var id = this.getId();
+    if (typeof id === 'string') {
+      this.context.addTab(id, this.getTabInstance);
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      if (this.context.activeTab === this.props.id) {
-        this.context.notifyUpdate();
-      }
+  };
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    if (this.context.activeTab === this.props.id) {
+      this.context.notifyUpdate();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var id = this.getId();
-      if (typeof id === 'string') {
-        this.context.removeTab(id);
-      }
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    var id = this.getId();
+    if (typeof id === 'string') {
+      this.context.removeTab(id);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
-    }
-  }, {
-    key: "getIndicators",
-    value: 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)
-      };
-    }
-  }, {
-    key: "renderMain",
-    value: 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,
-        ariaDescribedby = _this$props['aria-describedby'],
-        ariaLabel = _this$props['aria-label'];
-      var _this$getProps2 = this.getProps(),
-        Component = _this$getProps2.component,
-        href = _this$getProps2.href;
-      var isActive = false;
-      var isVertical = false;
-      var id = this.getId();
-      if (typeof id === 'string') {
-        isActive = this.context.activeTab === this.getId();
-        isVertical = this.context.vertical;
-      }
-      var orientationStyles = isVertical ? verticalStyles : horizontalStyles;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: this.setRootNode
-      }, getVisualStateDataAttributes({
-        active: isActive,
-        disabled: disabled
-      }), this.props), /*#__PURE__*/React.createElement(Component, {
-        "data-tid": TabDataTids.root,
-        className: cx((_cx = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_cx, styles.rootSmall(this.theme), this.context.size === 'small'), styles.rootMedium(this.theme), this.context.size === 'medium'), styles.rootLarge(this.theme), this.context.size === 'large'), styles.verticalSmall(this.theme), !!isVertical && this.context.size === 'small'), styles.verticalMedium(this.theme), !!isVertical && this.context.size === 'medium'), styles.verticalLarge(this.theme), !!isVertical && this.context.size === 'large'), orientationStyles.primary(this.theme), !!primary), orientationStyles.success(this.theme), !!success), orientationStyles.warning(this.theme), !!warning), orientationStyles.error(this.theme), !!error), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_cx, styles.active(), !!isActive), orientationStyles.active(this.theme), !!isActive), styles.disabled(this.theme), !!disabled), orientationStyles.disabled(), !!disabled))),
-        onBlur: this.handleBlur,
-        onClick: this.switchTab,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        tabIndex: disabled ? -1 : 0,
-        ref: isFunctionalComponent(Component) ? null : this.refTabComponent,
-        href: href,
-        "aria-describedby": ariaDescribedby,
-        "aria-label": ariaLabel
-      }, /*#__PURE__*/React.createElement(ResizeDetector, {
-        onResize: this.context.notifyUpdate
-      }, children), this.state.focusedByKeyboard && /*#__PURE__*/React.createElement("div", {
-        className: cx(globalClasses.focus, _defineProperty(_defineProperty(_defineProperty({}, styles.focusSmall(this.theme), this.context.size === 'small'), styles.focusMedium(this.theme), this.context.size === 'medium'), styles.focusLarge(this.theme), this.context.size === 'large'))
-      })));
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, 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, _cx2;
+    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,
+      ariaDescribedby = _this$props['aria-describedby'],
+      ariaLabel = _this$props['aria-label'];
+    var _this$getProps2 = this.getProps(),
+      Component = _this$getProps2.component,
+      href = _this$getProps2.href;
+    var isActive = false;
+    var isVertical = false;
+    var id = this.getId();
+    if (typeof id === 'string') {
+      isActive = this.context.activeTab === this.getId();
+      isVertical = this.context.vertical;
     }
-  }]);
+    var orientationStyles = isVertical ? verticalStyles : horizontalStyles;
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, getVisualStateDataAttributes({
+      active: isActive,
+      disabled: disabled
+    }), this.props), /*#__PURE__*/React.createElement(Component, {
+      "data-tid": TabDataTids.root,
+      className: cx((_cx = {}, _cx[styles.rootSmall(this.theme)] = this.context.size === 'small', _cx[styles.rootMedium(this.theme)] = this.context.size === 'medium', _cx[styles.rootLarge(this.theme)] = this.context.size === 'large', _cx[styles.verticalSmall(this.theme)] = !!isVertical && this.context.size === 'small', _cx[styles.verticalMedium(this.theme)] = !!isVertical && this.context.size === 'medium', _cx[styles.verticalLarge(this.theme)] = !!isVertical && this.context.size === 'large', _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,
+      onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
+      tabIndex: disabled ? -1 : 0,
+      ref: isFunctionalComponent(Component) ? null : this.refTabComponent,
+      href: href,
+      "aria-describedby": ariaDescribedby,
+      "aria-label": ariaLabel
+    }, /*#__PURE__*/React.createElement(ResizeDetector, {
+      onResize: this.context.notifyUpdate
+    }, children), this.state.focusedByKeyboard && /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.focus, (_cx2 = {}, _cx2[styles.focusSmall(this.theme)] = this.context.size === 'small', _cx2[styles.focusMedium(this.theme)] = this.context.size === 'medium', _cx2[styles.focusLarge(this.theme)] = this.context.size === 'large', _cx2))
+    })));
+  };
+  return Tab;
 }(React.Component), _Tab.__KONTUR_REACT_UI__ = 'Tab', _Tab.displayName = 'Tab', _Tab.contextType = TabsContext, _Tab.defaultProps = {
   component: 'a',
   href: ''

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","invariant","globalObject","ResizeDetector","isKeyArrow","isKeyArrowLeft","isKeyArrowUp","keyListener","isFunctionalComponent","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","TabsContext","TabsContextDefaultValue","globalClasses","horizontalStyles","styles","verticalStyles","TabDataTids","root","Tab","_class","_Tab","_React$Component","props","_this","_classCallCheck","_callSuper","context","getProps","defaultProps","state","focusedByKeyboard","tabComponent","getUnderlyingNode","getId","id","href","refTabComponent","instance","getTabInstance","switchTab","event","disabled","preventDefault","_this$getProps","component","onClick","defaultPrevented","handleKeyDown","e","onKeyDown","delta","shiftFocus","handleFocus","_globalObject$request","requestAnimationFrame","call","isTabPressed","isArrowPressed","setState","handleBlur","_inherits","_createClass","key","value","componentDidMount","addTab","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","render","_this2","createElement","Consumer","theme","renderMain","getIndicators","error","Boolean","warning","success","primary","_cx","_this$props","children","ariaDescribedby","ariaLabel","_this$getProps2","Component","isActive","isVertical","vertical","orientationStyles","_extends","rootNodeRef","setRootNode","active","className","_defineProperty","rootSmall","size","rootMedium","rootLarge","verticalSmall","verticalMedium","verticalLarge","onBlur","onFocus","tabIndex","ref","onResize","focus","focusSmall","focusMedium","focusLarge","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Tab.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunctionalComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext, TabsContextDefaultValue } from './TabsContext';\nimport { globalClasses, horizontalStyles, styles, verticalStyles } 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 const TabDataTids = {\n root: 'Tab__root',\n} as const;\n\nexport interface TabProps<T extends string = string>\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n CommonProps {\n /** Компонент или тег для рендера корневого элемента. /\n component?: React.ComponentType<any> \| string;\n\n /* HTML-атрибут `href`. /\n href?: string;\n\n /* Уникальный идентификатор таба. По нему компонент `<Tabs />` определяет выбранный таб. /\n id?: T;\n\n /`HTML`-событие `onclick`. /\n onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n\n /** `HTML`-событие `onkeydown`. /\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n /* Делает таб недоступным. /\n disabled?: boolean;\n\n /* Переводит таб в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит таб в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n\n /* Переводит таб в состояние валидации \"Успех\". /\n success?: boolean;\n\n /* Задаёт визульное состояние главного элемента. /\n primary?: boolean;\n}\n\nexport interface TabState {\n focusedByKeyboard: boolean;\n}\n\ntype DefaultProps = Required<Pick<TabProps, 'component' \| 'href'>>;\n\n/\n Табы группируют контент и помогают в навигации.\n \n Для создания группы табов используйте специальный контейнер - компонент [Tabs](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-tabs-tabs--docs).\n */\n@rootNode\nexport class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {\n public static __KONTUR_REACT_UI__ = 'Tab';\n public static displayName = 'Tab';\n\n public static contextType = TabsContext;\n public context: TabsContextType = this.context;\n\n public static defaultProps: DefaultProps = {\n component: 'a',\n href: '',\n };\n\n private getProps = createPropsGetter(Tab.defaultProps);\n\n public state: TabState = {\n focusedByKeyboard: false,\n };\n\n private theme!: Theme;\n private tabComponent: Nullable<React.ReactElement<Tab<T>>> = null;\n public getRootNode!: TGetRootNode;\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 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { component: Component, href } = this.getProps();\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\n rootNodeRef={this.setRootNode}\n {...getVisualStateDataAttributes({ active: isActive, disabled })}\n {...this.props}\n >\n <Component\n data-tid={TabDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: this.context.size === 'small',\n [styles.rootMedium(this.theme)]: this.context.size === 'medium',\n [styles.rootLarge(this.theme)]: this.context.size === 'large',\n [styles.verticalSmall(this.theme)]: !!isVertical && this.context.size === 'small',\n [styles.verticalMedium(this.theme)]: !!isVertical && this.context.size === 'medium',\n [styles.verticalLarge(this.theme)]: !!isVertical && this.context.size === 'large',\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 aria-describedby={ariaDescribedby}\n aria-label={ariaLabel}\n >\n <ResizeDetector onResize={this.context.notifyUpdate}>{children}</ResizeDetector>\n {this.state.focusedByKeyboard && (\n <div\n className={cx(globalClasses.focus, {\n [styles.focusSmall(this.theme)]: this.context.size === 'small',\n [styles.focusMedium(this.theme)]: this.context.size === 'medium',\n [styles.focusLarge(this.theme)]: this.context.size === 'large',\n })}\n />\n )}\n </Component>\n </CommonWrapper>\n );\n }\n\n private getId = () => this.props.id \|\| this.getProps().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 const { href, component } = this.getProps();\n\n const id = this.props.id \|\| 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 (component === 'a' && !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 globalObject.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"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","invariant","globalObject","ResizeDetector","isKeyArrow","isKeyArrowLeft","isKeyArrowUp","keyListener","isFunctionalComponent","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","TabsContext","TabsContextDefaultValue","globalClasses","horizontalStyles","styles","verticalStyles","TabDataTids","root","Tab","_class","_Tab","_React$Component","props","_this","call","context","getProps","defaultProps","state","focusedByKeyboard","tabComponent","getUnderlyingNode","getId","id","href","refTabComponent","instance","getTabInstance","switchTab","event","disabled","preventDefault","_this$getProps","component","onClick","defaultPrevented","handleKeyDown","e","onKeyDown","delta","shiftFocus","handleFocus","requestAnimationFrame","isTabPressed","isArrowPressed","setState","handleBlur","_inheritsLoose","_proto","prototype","componentDidMount","addTab","componentDidUpdate","activeTab","notifyUpdate","componentWillUnmount","removeTab","render","_this2","createElement","Consumer","theme","renderMain","getIndicators","error","Boolean","warning","success","primary","_cx","_cx2","_this$props","children","ariaDescribedby","ariaLabel","_this$getProps2","Component","isActive","isVertical","vertical","orientationStyles","_extends","rootNodeRef","setRootNode","active","className","rootSmall","size","rootMedium","rootLarge","verticalSmall","verticalMedium","verticalLarge","onBlur","onFocus","tabIndex","ref","onResize","focus","focusSmall","focusMedium","focusLarge","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["Tab.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { isKeyArrow, isKeyArrowLeft, isKeyArrowUp } from '../../lib/events/keyboard/identifiers';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isFunctionalComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext, TabsContextDefaultValue } from './TabsContext';\nimport { globalClasses, horizontalStyles, styles, verticalStyles } 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 const TabDataTids = {\n root: 'Tab__root',\n} as const;\n\nexport interface TabProps<T extends string = string>\n extends Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n CommonProps {\n /** Компонент или тег для рендера корневого элемента. /\n component?: React.ComponentType<any> \| string;\n\n /* HTML-атрибут `href`. /\n href?: string;\n\n /* Уникальный идентификатор таба. По нему компонент `<Tabs />` определяет выбранный таб. /\n id?: T;\n\n /`HTML`-событие `onclick`. /\n onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n\n /** `HTML`-событие `onkeydown`. /\n onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n /* Делает таб недоступным. /\n disabled?: boolean;\n\n /* Переводит таб в состояние валидации \"Ошибка\". /\n error?: boolean;\n\n /* Переводит таб в состояние валидации \"Предупреждение\". /\n warning?: boolean;\n\n /* Переводит таб в состояние валидации \"Успех\". /\n success?: boolean;\n\n /* Задаёт визульное состояние главного элемента. /\n primary?: boolean;\n}\n\nexport interface TabState {\n focusedByKeyboard: boolean;\n}\n\ntype DefaultProps = Required<Pick<TabProps, 'component' \| 'href'>>;\n\n/\n Табы группируют контент и помогают в навигации.\n \n Для создания группы табов используйте специальный контейнер - компонент [Tabs](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_display-data-tabs-tabs--docs).\n */\n@rootNode\nexport class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {\n public static __KONTUR_REACT_UI__ = 'Tab';\n public static displayName = 'Tab';\n\n public static contextType = TabsContext;\n public context: TabsContextType = this.context;\n\n public static defaultProps: DefaultProps = {\n component: 'a',\n href: '',\n };\n\n private getProps = createPropsGetter(Tab.defaultProps);\n\n public state: TabState = {\n focusedByKeyboard: false,\n };\n\n private theme!: Theme;\n private tabComponent: Nullable<React.ReactElement<Tab<T>>> = null;\n public getRootNode!: TGetRootNode;\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 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { component: Component, href } = this.getProps();\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\n rootNodeRef={this.setRootNode}\n {...getVisualStateDataAttributes({ active: isActive, disabled })}\n {...this.props}\n >\n <Component\n data-tid={TabDataTids.root}\n className={cx({\n [styles.rootSmall(this.theme)]: this.context.size === 'small',\n [styles.rootMedium(this.theme)]: this.context.size === 'medium',\n [styles.rootLarge(this.theme)]: this.context.size === 'large',\n [styles.verticalSmall(this.theme)]: !!isVertical && this.context.size === 'small',\n [styles.verticalMedium(this.theme)]: !!isVertical && this.context.size === 'medium',\n [styles.verticalLarge(this.theme)]: !!isVertical && this.context.size === 'large',\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 aria-describedby={ariaDescribedby}\n aria-label={ariaLabel}\n >\n <ResizeDetector onResize={this.context.notifyUpdate}>{children}</ResizeDetector>\n {this.state.focusedByKeyboard && (\n <div\n className={cx(globalClasses.focus, {\n [styles.focusSmall(this.theme)]: this.context.size === 'small',\n [styles.focusMedium(this.theme)]: this.context.size === 'medium',\n [styles.focusLarge(this.theme)]: this.context.size === 'large',\n })}\n />\n )}\n </Component>\n </CommonWrapper>\n );\n }\n\n private getId = () => this.props.id \|\| this.getProps().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 const { href, component } = this.getProps();\n\n const id = this.props.id \|\| 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 (component === 'a' && !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 globalObject.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"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Tab.styles/Tab.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
@@ -35,58 +35,58 @@ export var styles = memoizeStyle({
     return tabFocus(t, 'large');
   },
   disabled: function disabled(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: color-mix(in srgb, ", ", transparent 50%);\n      cursor: default;\n    "])), t.tabTextColorDefault);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: color-mix(in srgb, ", ", transparent 50%);\n      cursor: default;\n    "])), t.tabTextColorDefault);
   },
   active: function active() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: default;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
   }
 });
 export var horizontalStyles = memoizeStyle({
   active: function active(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
   },
   disabled: function disabled() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    "])));
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    "])));
   },
   primary: function primary(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
   },
   success: function success(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
   },
   warning: function warning(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
   },
   error: function error(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverError);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-bottom-color: ", ";\n      }\n    "])), t.tabColorHoverError);
   }
 });
 export var verticalStyles = memoizeStyle({
   active: function active(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left: ", " solid transparent;\n      }\n    "])), t.tabBorderWidth);
   },
   disabled: function disabled() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left-color: transparent;\n      }\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: transparent;\n      }\n    "])));
   },
   primary: function primary(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverPrimary);
   },
   success: function success(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverSuccess);
   },
   warning: function warning(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverWarning);
   },
   error: function error(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverError);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-left-color: ", ";\n      }\n    "])), t.tabColorHoverError);
   }
 });
 function tabRoot(t, size) {
-  return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    border-bottom: ", " solid transparent;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-size: ", ";\n    line-height: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    padding-bottom: calc(", " - ", ");\n    padding-top: ", ";\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ", " ", ";\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ", " solid ", ";\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  "])), t.tabBorderWidth, t.tabTextColorDefault, fontSize(t, size), lineHeight(t, size), paddingX(t, size), paddingX(t, size), paddingY(t, size), t.tabBorderWidth, paddingY(t, size), t.transitionDuration, t.transitionTimingFunction, t.tabBorderWidth, t.tabColorHover);
+  return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n    border-bottom: ", " solid transparent;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    display: inline-block;\n    font-size: ", ";\n    line-height: ", ";\n    margin-left: ", ";\n    margin-right: ", ";\n    padding-bottom: calc(", " - ", ");\n    padding-top: ", ";\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ", " ", ";\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ", " solid ", ";\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  "])), t.tabBorderWidth, t.tabTextColorDefault, fontSize(t, size), lineHeight(t, size), paddingX(t, size), paddingX(t, size), paddingY(t, size), t.tabBorderWidth, paddingY(t, size), t.transitionDuration, t.transitionTimingFunction, t.tabBorderWidth, t.tabColorHover);
 }
 function tabVertical(t, size) {
-  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    border-bottom: none;\n    border-left: ", " solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ", ";\n    padding-right: ", ";\n\n    &:hover {\n      border-bottom: none;\n      border-left: ", " solid ", ";\n    }\n\n    .", " {\n      bottom: 0;\n      left: -", ";\n      right: 0;\n    }\n  "])), t.tabBorderWidth, shift(paddingX(t, size), "-".concat(t.tabBorderWidth)), paddingX(t, size), t.tabBorderWidth, t.tabColorHover, globalClasses.focus, t.tabBorderWidth);
+  return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    border-bottom: none;\n    border-left: ", " solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ", ";\n    padding-right: ", ";\n\n    &:hover {\n      border-bottom: none;\n      border-left: ", " solid ", ";\n    }\n\n    .", " {\n      bottom: 0;\n      left: -", ";\n      right: 0;\n    }\n  "])), t.tabBorderWidth, shift(paddingX(t, size), "-" + t.tabBorderWidth), paddingX(t, size), t.tabBorderWidth, t.tabColorHover, globalClasses.focus, t.tabBorderWidth);
 }
 function tabFocus(t, size) {
-  return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border: ", " solid ", ";\n    bottom: -", ";\n    left: -", ";\n    position: absolute;\n    right: -", ";\n    top: 0;\n  "])), t.tabOutlineWidth, t.tabColorFocus, t.tabBorderWidth, paddingX(t, size), paddingX(t, size));
+  return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n    border: ", " solid ", ";\n    bottom: -", ";\n    left: -", ";\n    position: absolute;\n    right: -", ";\n    top: 0;\n  "])), t.tabOutlineWidth, t.tabColorFocus, t.tabBorderWidth, paddingX(t, size), paddingX(t, size));
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","~~_taggedTemplateLiteral~~","tabTextColorDefault","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","~~concat","~~_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\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\nfunction tabVertical(t: Theme, size: SizeProp) {\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(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"~~kZAAA~~,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;AACrE,SAASC,KAAK,QAAQ,qCAAqC;;;;AAI3D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,WAAW;;AAEpE,OAAO,IAAMC,aAAa,GAAGN,MAAM,CAAC,KAAK,CAAC,CAAC;EACzCO,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGT,YAAY,CAAC;EACjCU,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,OAAO,CAACD,CAAC,EAAE,OAAO,CAAC;EAC5B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,OAAO,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC7B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,OAAO,CAACD,CAAC,EAAE,OAAO,CAAC;EAC5B,CAAC;;EAEDI,aAAa,WAAAA,cAACJ,CAAQ,EAAE;IACtB,OAAOK,WAAW,CAACL,CAAC,EAAE,OAAO,CAAC;EAChC,CAAC;;EAEDM,cAAc,WAAAA,eAACN,CAAQ,EAAE;IACvB,OAAOK,WAAW,CAACL,CAAC,EAAE,QAAQ,CAAC;EACjC,CAAC;;EAEDO,aAAa,WAAAA,cAACP,CAAQ,EAAE;IACtB,OAAOK,WAAW,CAACL,CAAC,EAAE,OAAO,CAAC;EAChC,CAAC;;EAEDQ,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOS,QAAQ,CAACT,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDU,WAAW,WAAAA,YAACV,CAAQ,EAAE;IACpB,OAAOS,QAAQ,CAACT,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDW,UAAU,WAAAA,WAACX,CAAQ,EAAE;IACnB,OAAOS,QAAQ,CAACT,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDY,QAAQ,WAAAA,SAACZ,CAAQ,EAAE;IACjB,OAAOZ,GAAG,CAAAyB,eAAA,KAAAA,eAAA,GAAAC,~~sBAAA~~;IACoBd,CAAC,CAACe,mBAAmB;;;EAGrD,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO5B,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAH,~~sBAAA~~;;;EAGZ;AACF,CAAC,CAAC;;AAEF,OAAO,IAAMI,gBAAgB,GAAG7B,YAAY,CAAC;EAC3C2B,MAAM,WAAAA,OAAChB,CAAQ,EAAE;IACf,OAAOZ,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAL,~~sBAAA~~;;IAEWd,CAAC,CAACoB,cAAc;;;EAGvC,CAAC;;EAEDR,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOxB,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAP,~~sBAAA~~;;;;;EAKZ,CAAC;;EAEDQ,OAAO,WAAAA,QAACtB,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAmC,gBAAA,KAAAA,gBAAA,GAAAT,~~sBAAA~~;;IAEiBd,CAAC,CAACwB,oBAAoB;;;EAGnD,CAAC;;EAEDC,OAAO,WAAAA,QAACzB,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAAZ,~~sBAAA~~;;IAEiBd,CAAC,CAAC2B,oBAAoB;;;EAGnD,CAAC;;EAEDC,OAAO,WAAAA,QAAC5B,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAyC,gBAAA,KAAAA,gBAAA,GAAAf,~~sBAAA~~;;IAEiBd,CAAC,CAAC8B,oBAAoB;;;EAGnD,CAAC;;EAEDC,KAAK,WAAAA,MAAC/B,CAAQ,EAAE;IACd,OAAOZ,GAAG,CAAA4C,gBAAA,KAAAA,gBAAA,GAAAlB,~~sBAAA~~;;IAEiBd,CAAC,CAACiC,kBAAkB;;;EAGjD;AACF,CAAC,CAAC;;AAEF,OAAO,IAAMC,cAAc,GAAG7C,YAAY,CAAC;EACzC2B,MAAM,WAAAA,OAAChB,CAAQ,EAAE;IACf,OAAOZ,GAAG,CAAA+C,gBAAA,KAAAA,gBAAA,GAAArB,~~sBAAA~~;;IAESd,CAAC,CAACoB,cAAc;;;EAGrC,CAAC;;EAEDR,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOxB,GAAG,CAAAgD,iBAAA,KAAAA,iBAAA,GAAAtB,~~sBAAA~~;;;;;EAKZ,CAAC;;EAEDQ,OAAO,WAAAA,QAACtB,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAAvB,~~sBAAA~~;;IAEed,CAAC,CAACwB,oBAAoB;;;EAGjD,CAAC;;EAEDC,OAAO,WAAAA,QAACzB,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAkD,iBAAA,KAAAA,iBAAA,GAAAxB,~~sBAAA~~;;IAEed,CAAC,CAAC2B,oBAAoB;;;EAGjD,CAAC;;EAEDC,OAAO,WAAAA,QAAC5B,CAAQ,EAAE;IAChB,OAAOZ,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAAzB,~~sBAAA~~;;IAEed,CAAC,CAAC8B,oBAAoB;;;EAGjD,CAAC;;EAEDC,KAAK,WAAAA,MAAC/B,CAAQ,EAAE;IACd,OAAOZ,GAAG,CAAAoD,iBAAA,KAAAA,iBAAA,GAAA1B,~~sBAAA~~;;IAEed,CAAC,CAACiC,kBAAkB;;;EAG/C;AACF,CAAC,CAAC;;AAEF,SAAShC,OAAOA,CAACD,CAAQ,EAAEyC,IAAc,EAAE;EACzC,OAAOrD,GAAG,CAAAsD,iBAAA,KAAAA,iBAAA,GAAA5B,~~sBAAA~~;EACSd,CAAC,CAACoB,cAAc;;EAExBpB,CAAC,CAACe,mBAAmB;;;EAGjBvB,QAAQ,CAACQ,CAAC,EAAEyC,IAAI,CAAC;EACfhD,UAAU,CAACO,CAAC,EAAEyC,IAAI,CAAC;EACnB/C,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC;EAChB/C,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC;EACV9C,QAAQ,CAACK,CAAC,EAAEyC,IAAI,CAAC,EAAMzC,CAAC,CAACoB,cAAc;EAC/CzB,QAAQ,CAACK,CAAC,EAAEyC,IAAI,CAAC;;;EAGJzC,CAAC,CAAC2C,kBAAkB,EAAI3C,CAAC,CAAC4C,wBAAwB;;;;EAI3D5C,CAAC,CAACoB,cAAc,EAAUpB,CAAC,CAAC6C,aAAa;;;;;;;AAOhE;;AAEA,SAASxC,WAAWA,CAACL,CAAQ,EAAEyC,IAAc,EAAE;EAC7C,OAAOrD,GAAG,CAAA0D,iBAAA,KAAAA,iBAAA,GAAAhC,~~sBAAA~~;;EAEOd,CAAC,CAACoB,cAAc;;;;EAIf7B,KAAK,CAACG,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC,~~MAAAM~~,~~MAAA,CAAM/C,~~CAAC,CAACoB,~~cAAc~~,~~CAAE,~~CAAC;EAC/C1B,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC;;;;EAIjBzC,CAAC,CAACoB,cAAc,EAAUpB,CAAC,CAAC6C,aAAa;;;EAGvDjD,aAAa,CAACC,KAAK;;EAEXG,CAAC,CAACoB,cAAc;;;;AAI/B;;AAEA,SAASX,QAAQA,CAACT,CAAQ,EAAEyC,IAAc,EAAE;EAC1C,OAAOrD,GAAG,~~CAAA4D~~,iBAAA,KAAAA,iBAAA,~~GAAAlC~~,~~sBAAA~~;EACEd,CAAC,~~CAACiD~~,eAAe,~~EAAUjD~~,CAAC,~~CAACkD~~,aAAa;~~EACzClD~~,CAAC,CAACoB,cAAc;EAClB1B,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC;;EAEhB/C,QAAQ,CAACM,CAAC,EAAEyC,IAAI,CAAC;;;AAG/B","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","tabTextColorDefault","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n rootSmall(t: Theme) {\n return tabRoot(t, 'small');\n },\n\n rootMedium(t: Theme) {\n return tabRoot(t, 'medium');\n },\n\n rootLarge(t: Theme) {\n return tabRoot(t, 'large');\n },\n\n verticalSmall(t: Theme) {\n return tabVertical(t, 'small');\n },\n\n verticalMedium(t: Theme) {\n return tabVertical(t, 'medium');\n },\n\n verticalLarge(t: Theme) {\n return tabVertical(t, 'large');\n },\n\n focusSmall(t: Theme) {\n return tabFocus(t, 'small');\n },\n\n focusMedium(t: Theme) {\n return tabFocus(t, 'medium');\n },\n\n focusLarge(t: Theme) {\n return tabFocus(t, 'large');\n },\n\n disabled(t: Theme) {\n return css`\n color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n cursor: default;\n `;\n },\n\n active() {\n return css`\n cursor: default;\n `;\n },\n});\n\nexport const horizontalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-bottom: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-bottom-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-bottom-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nexport const verticalStyles = memoizeStyle({\n active(t: Theme) {\n return css`\n &:hover {\n border-left: ${t.tabBorderWidth} solid transparent;\n }\n `;\n },\n\n disabled() {\n return css`\n &:hover {\n border-left-color: transparent;\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverPrimary};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverSuccess};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverWarning};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n &:hover {\n border-left-color: ${t.tabColorHoverError};\n }\n `;\n },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n return css`\n border-bottom: ${t.tabBorderWidth} solid transparent;\n box-sizing: border-box;\n color: ${t.tabTextColorDefault};\n cursor: pointer;\n display: inline-block;\n font-size: ${fontSize(t, size)};\n line-height: ${lineHeight(t, size)};\n margin-left: ${paddingX(t, size)};\n margin-right: ${paddingX(t, size)};\n padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n padding-top: ${paddingY(t, size)};\n position: relative;\n text-decoration: inherit;\n transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\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\nfunction tabVertical(t: Theme, size: SizeProp) {\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(paddingX(t, size), `-${t.tabBorderWidth}`)};\n padding-right: ${paddingX(t, size)};\n\n &:hover {\n border-bottom: none;\n border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n }\n\n .${globalClasses.focus} {\n bottom: 0;\n left: -${t.tabBorderWidth};\n right: 0;\n }\n `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n return css`\n border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n bottom: -${t.tabBorderWidth};\n left: -${paddingX(t, size)};\n position: absolute;\n right: -${paddingX(t, size)};\n top: 0;\n `;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Tabs/Tabs.js CHANGED Viewed

@@ -1,15 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Tabs;
-function _callSuper(t, o, e) {
-  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
-}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
@@ -34,11 +25,10 @@ export var TabsDataTids = {
 export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {
   function Tabs() {
     var _this;
-    _classCallCheck(this, Tabs);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, Tabs, [].concat(args));
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.getProps = createPropsGetter(Tabs.defaultProps);
     _this.tabs = [];
     _this.tabUpdates = {
@@ -98,51 +88,51 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
     };
     return _this;
   }
-  _inherits(Tabs, _React$Component);
-  return _createClass(Tabs, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      var _this$props2 = this.props,
-        value = _this$props2.value,
-        width = _this$props2.width,
-        children = _this$props2.children,
-        indicatorClassName = _this$props2.indicatorClassName,
-        ariaDescribedby = _this$props2['aria-describedby'];
-      var _this$getProps = this.getProps(),
-        vertical = _this$getProps.vertical,
-        size = _this$getProps.size;
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this3.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this3.setRootNode
-        }, _this3.props), /*#__PURE__*/React.createElement("div", {
-          "data-tid": TabsDataTids.root,
-          className: cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.rootSmall(_this3.theme), size === 'small'), styles.rootMedium(_this3.theme), size === 'medium'), styles.rootLarge(_this3.theme), size === 'large'), styles.vertical(), vertical)),
-          style: {
-            width: width
-          },
-          "aria-describedby": ariaDescribedby
-        }, /*#__PURE__*/React.createElement(TabsContext.Provider, {
-          value: {
-            vertical: vertical,
-            activeTab: value,
-            size: size,
-            getTab: _this3.getTab,
-            addTab: _this3.addTab,
-            removeTab: _this3.removeTab,
-            notifyUpdate: _this3.notifyUpdate,
-            shiftFocus: _this3.shiftFocus,
-            switchTab: _this3.switchTab
-          }
-        }, children, /*#__PURE__*/React.createElement(Indicator, {
-          className: indicatorClassName,
-          tabUpdates: _this3.tabUpdates,
-          vertical: _this3.getProps().vertical
-        }))));
-      });
-    }
-  }]);
+  _inheritsLoose(Tabs, _React$Component);
+  var _proto = Tabs.prototype;
+  _proto.render = function render() {
+    var _this3 = this;
+    var _this$props2 = this.props,
+      value = _this$props2.value,
+      width = _this$props2.width,
+      children = _this$props2.children,
+      indicatorClassName = _this$props2.indicatorClassName,
+      ariaDescribedby = _this$props2['aria-describedby'];
+    var _this$getProps = this.getProps(),
+      vertical = _this$getProps.vertical,
+      size = _this$getProps.size;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      var _cx;
+      _this3.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this3.setRootNode
+      }, _this3.props), /*#__PURE__*/React.createElement("div", {
+        "data-tid": TabsDataTids.root,
+        className: cx((_cx = {}, _cx[styles.rootSmall(_this3.theme)] = size === 'small', _cx[styles.rootMedium(_this3.theme)] = size === 'medium', _cx[styles.rootLarge(_this3.theme)] = size === 'large', _cx[styles.vertical()] = vertical, _cx)),
+        style: {
+          width: width
+        },
+        "aria-describedby": ariaDescribedby
+      }, /*#__PURE__*/React.createElement(TabsContext.Provider, {
+        value: {
+          vertical: vertical,
+          activeTab: value,
+          size: size,
+          getTab: _this3.getTab,
+          addTab: _this3.addTab,
+          removeTab: _this3.removeTab,
+          notifyUpdate: _this3.notifyUpdate,
+          shiftFocus: _this3.shiftFocus,
+          switchTab: _this3.switchTab
+        }
+      }, children, /*#__PURE__*/React.createElement(Indicator, {
+        className: indicatorClassName,
+        tabUpdates: _this3.tabUpdates,
+        vertical: _this3.getProps().vertical
+      }))));
+    });
+  };
+  return Tabs;
 }(React.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = {
   vertical: false,
   size: 'large'