@megafon/ui-core 2.1.3 → 2.4.0

package/dist/lib/components/Button/Button.js

@@ -123,7 +123,7 @@ var Button = function Button(_ref) {
       return;
     }
 
-    onClick && onClick(e);
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
   }, [disabled, onClick]);
 
   var currentTheme = _react["default"].useMemo(function () {
@@ -185,7 +185,7 @@ var Button = function Button(_ref) {
       sizeTablet: sizeTablet && getLoaderSize(sizeTablet),
       sizeMobile: sizeMobile && getLoaderSize(sizeMobile)
     });
-  }, [sizeAll, sizeWide, sizeDesktop, sizeTablet, sizeMobile]);
+  }, [sizeAll, sizeWide, sizeDesktop, sizeTablet, sizeMobile, loaderColor]);
 
   var setRelAttribute = function setRelAttribute() {
     if (ElementType !== 'a') {

package/dist/lib/components/Calendar/Calendar.js

@@ -146,7 +146,7 @@ var Calendar = function Calendar(_ref) {
   (0, _react.useEffect)(function () {
     var propsStartDate = calendarStateFromProps.startDate;
     setCalendarState(calendarStateFromProps);
-    propsStartDate && goToDate(propsStartDate);
+    propsStartDate && goToDate(propsStartDate); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [calendarStateFromProps]);
 
   var getCalendarState = function getCalendarState(date) {
@@ -211,7 +211,7 @@ var Calendar = function Calendar(_ref) {
     var nextStartDate = nextState.startDate,
         nextEndDate = nextState.endDate;
     setCalendarState(nextState);
-    onChange && onChange(nextStartDate, nextEndDate);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextStartDate, nextEndDate);
   };
 
   var handleDateHover = function handleDateHover(date) {
@@ -255,7 +255,7 @@ var Calendar = function Calendar(_ref) {
   var renderMonths = function renderMonths() {
     return activeMonths.map(function (_ref2) {
       var month = _ref2.month,
-          year = _ref2.year;
+          year = _ref2.year; // eslint-disable-next-line react-hooks/rules-of-hooks
 
       var _useMonth = (0, _hooks.useMonth)({
         year: year,

package/dist/lib/components/Calendar/components/Day/Day.js

@@ -79,7 +79,7 @@ var Day = function Day(_a) {
   };
 
   var handleMouseLeave = function handleMouseLeave() {
-    onMouseLeave && onMouseLeave();
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
   };
 
   return /*#__PURE__*/_react["default"].createElement("button", {

package/dist/lib/components/Carousel/Carousel.js

@@ -154,7 +154,8 @@ var Carousel = function Carousel(_ref) {
       return;
     }
 
-    autoplay.stop();
+    autoplay.stop(); // eslint-disable-next-line no-param-reassign
+
     params.autoplay.delay = autoPlayDelay * 3;
     autoplay.start();
   }, [autoPlayDelay]);
@@ -164,7 +165,7 @@ var Carousel = function Carousel(_ref) {
     }
 
     swiperInstance.slidePrev();
-    onPrevClick && onPrevClick(swiperInstance.realIndex);
+    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
   }, [swiperInstance, onPrevClick, increaseAutoplayDelay]);
   var handleNextClick = React.useCallback(function () {
@@ -173,14 +174,14 @@ var Carousel = function Carousel(_ref) {
     }
 
     swiperInstance.slideNext();
-    onNextClick && onNextClick(swiperInstance.realIndex);
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
   }, [swiperInstance, onNextClick, increaseAutoplayDelay]);
   var handleSwiper = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
     setLocked(swiper.isBeginning && swiper.isEnd);
-    getSwiper && getSwiper(swiper);
-  }, []);
+    getSwiper === null || getSwiper === void 0 ? void 0 : getSwiper(swiper);
+  }, [getSwiper]);
   var handleReachBeginnig = React.useCallback(function () {
     setBeginning(true);
   }, []);
@@ -201,7 +202,7 @@ var Carousel = function Carousel(_ref) {
     var realIndex = _ref4.realIndex,
         previousIndex = _ref4.previousIndex,
         params = _ref4.params;
-    onChange && onChange(realIndex, previousIndex, params.slidesPerView);
+    onChange === null || onChange === void 0 ? void 0 : onChange(realIndex, previousIndex, params.slidesPerView);
   }, [onChange]);
 
   var handleRootClick = function handleRootClick(e) {
@@ -214,13 +215,15 @@ var Carousel = function Carousel(_ref) {
   }; // https://github.com/nolimits4web/Swiper/issues/2346
 
 
-  var handleSwiperResize = React.useCallback((0, _lodash["default"])(function (swiper) {
-    setBeginning(swiper.isBeginning);
-    setEnd(swiper.isEnd);
-    setLocked(swiper.isBeginning && swiper.isEnd);
+  var handleSwiperResize = React.useCallback(function () {
+    (0, _lodash["default"])(function (swiper) {
+      setBeginning(swiper.isBeginning);
+      setEnd(swiper.isEnd);
+      setLocked(swiper.isBeginning && swiper.isEnd);
 
-    if (swiper.params.slidesPerView === SlidesPerView.AUTO) {}
-  }, _throttleTime["default"].resize), []);
+      if (swiper.params.slidesPerView === SlidesPerView.AUTO) {}
+    }, _throttleTime["default"].resize);
+  }, []);
 
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {

package/dist/lib/components/Checkbox/Checkbox.d.ts

@@ -30,7 +30,7 @@ export interface ICheckboxProps extends IFilterDataAttrs {
     /** Обработчик изменения значения */
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare class Checkbox extends React.Component<ICheckboxProps, {}> {
+declare class Checkbox extends React.Component<ICheckboxProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
         fontSize: PropTypes.Requireable<string>;

package/dist/lib/components/Checkbox/Checkbox.js

@@ -94,7 +94,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
 
     _this.handleChange = function (e) {
       var onChange = _this.props.onChange;
-      onChange && onChange(e);
+      onChange === null || onChange === void 0 ? void 0 : onChange(e);
     };
 
     return _this;

package/dist/lib/components/Counter/Counter.js

@@ -75,15 +75,15 @@ var Counter = function Counter(_ref) {
     }
 
     if (inputValue < min) {
-      onChange && onChange(min);
+      onChange === null || onChange === void 0 ? void 0 : onChange(min);
     }
 
     if (inputValue > max) {
-      onChange && onChange(max);
+      onChange === null || onChange === void 0 ? void 0 : onChange(max);
     }
 
     if (inputValue >= min && inputValue <= max) {
-      onChange && onChange(inputValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     }
   }, [min, max, onChange, isControlled]);
   var handleMinusClick = React.useCallback(function () {

package/dist/lib/components/Header/Header.d.ts

@@ -18,7 +18,7 @@ interface IHeaderProps extends IFilterDataAttrs {
     /** Обработчик клика */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }
-declare class Header extends React.Component<IHeaderProps, {}> {
+declare class Header extends React.Component<IHeaderProps> {
     static propTypes: {
         as: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;

package/dist/lib/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface ILinkProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -8,10 +8,14 @@ export interface ILinkProps {
     target?: '_self' | '_blank' | '_parent' | '_top';
     /** rel - аргумент тега <a> */
     rel?: string;
-    /** Обработчик клика */
-    onClick?: (e: React.MouseEvent<EventTarget>) => void;
     /** Добавление атрибута download */
     download?: boolean;
+    /** Дата атрибуты для элемента */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Обработчик клика */
+    onClick?: (e: React.MouseEvent<EventTarget>) => void;
     children?: JSX.Element[] | Element[] | JSX.Element | string | Element | React.ReactNode;
 }
 declare const Link: React.FC<ILinkProps>;

package/dist/lib/components/Link/Link.js

@@ -1,36 +1,47 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var React = _interopRequireWildcard(require("react"));
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var Link = function Link(props) {
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    React.createElement("a", props)
-  );
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Link = function Link(_ref) {
+  var target = _ref.target,
+      href = _ref.href,
+      rel = _ref.rel,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      download = _ref.download,
+      children = _ref.children,
+      dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    download: download,
+    onClick: onClick
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), children);
 };
 
 Link.propTypes = {
-  href: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.string, PropTypes.node]),
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  className: PropTypes.string,
-  rel: PropTypes.string,
-  onClick: PropTypes.func,
-  download: PropTypes.bool
+  href: _propTypes["default"].string,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element, _propTypes["default"].string, _propTypes["default"].node]),
+  target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+  className: _propTypes["default"].string,
+  rel: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  download: _propTypes["default"].bool
 };
 var _default = Link;
 exports["default"] = _default;

package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -28,7 +28,7 @@ var PaginationButton = function PaginationButton(_ref) {
       value = _ref.value;
 
   var handleClick = function handleClick() {
-    onClick && onClick(value);
+    onClick === null || onClick === void 0 ? void 0 : onClick(value);
   };
 
   return /*#__PURE__*/_react["default"].createElement("button", {

package/dist/lib/components/Pagination/helpers.d.ts

@@ -1,2 +1,2 @@
-declare const getRange: (from: any, to: any, step?: number) => number[];
+declare const getRange: (from: number, to: number, step?: number) => number[];
 export default getRange;

package/dist/lib/components/RadioButton/RadioButton.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import './RadioButton.less';
-export interface IRadioButtonProps {
+export interface IRadioButtonProps extends IFilterDataAttrs {
     /** Значение */
     value: string;
     /** Имя для тега form */
@@ -44,6 +45,9 @@ declare class RadioButton extends React.Component<IRadioButtonProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         inputRef: PropTypes.Requireable<any>;
+        dataAttrs: PropTypes.Requireable<{
+            [x: string]: string;
+        }>;
     };
     static defaultProps: Partial<IRadioButtonProps>;
     handleChange: () => void;

package/dist/lib/components/RadioButton/RadioButton.js

@@ -93,7 +93,7 @@ var RadioButton = /*#__PURE__*/function (_React$Component) {
       var _this$props = _this.props,
           onChange = _this$props.onChange,
           value = _this$props.value;
-      onChange && onChange(value);
+      onChange === null || onChange === void 0 ? void 0 : onChange(value);
     };
 
     return _this;
@@ -112,14 +112,15 @@ var RadioButton = /*#__PURE__*/function (_React$Component) {
           inputRef = _this$props2.inputRef,
           className = _this$props2.className,
           _this$props2$classes = _this$props2.classes,
-          classes = _this$props2$classes === void 0 ? {} : _this$props2$classes;
+          classes = _this$props2$classes === void 0 ? {} : _this$props2$classes,
+          dataAttrs = _this$props2.dataAttrs;
       var checkedProp = isChecked !== undefined ? {
         checked: isChecked
       } : {};
       var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
         className: cn(rootClassNames)
-      }, /*#__PURE__*/React.createElement("label", {
+      }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), /*#__PURE__*/React.createElement("label", {
         className: cn('label', {
           disabled: disabled
         }, classes.label)
@@ -160,7 +161,8 @@ RadioButton.propTypes = {
   onChange: PropTypes.func,
   inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
-  }), PropTypes.any])])
+  }), PropTypes.any])]),
+  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired)
 };
 RadioButton.defaultProps = {
   textSize: 'medium',

package/dist/lib/components/Search/Search.js

@@ -100,7 +100,7 @@ var Search = function Search(_ref) {
     setActiveIndex(-1);
 
     if (changeDelay === 0) {
-      onChange && onChange(inputValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     } else {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -124,7 +124,7 @@ var Search = function Search(_ref) {
     }
 
     var chosenValue = items[index].value;
-    onSubmit && onSubmit(chosenValue);
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(chosenValue);
   }, [disabled, items, onSubmit]);
 
   var handleSelectSubmit = _react["default"].useCallback(function () {
@@ -139,7 +139,7 @@ var Search = function Search(_ref) {
 
   var handleBlur = _react["default"].useCallback(function (e) {
     setFocus(false);
-    onBlur && onBlur(e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [onBlur]);
 
   var handleClick = _react["default"].useCallback(function () {
@@ -161,6 +161,7 @@ var Search = function Search(_ref) {
       e.preventDefault();
     } else if (e.key === 'Enter' && activeIndex > -1) {
       handleItemSubmit(activeIndex);
+      e.preventDefault();
     } else if (e.key === 'Enter' && activeIndex === -1) {
       handleSearchSubmit();
     }

package/dist/lib/components/Select/Select.d.ts

@@ -138,9 +138,9 @@ declare class Select<T extends SelectItemValueType> extends React.Component<ISel
     handleChangeCombobox: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => boolean;
     highlightString: (title: string, view?: string | Element | JSX.Element | JSX.Element[] | Element[] | ((data: ViewCallbackArguments) => ElementOrString) | undefined) => ElementOrString;
-    getItemWrapper: (node: any) => void;
-    getSelectNode: (node: any) => void;
-    getNodeList: (node: any) => number;
+    getItemWrapper: (node: HTMLDivElement) => void;
+    getSelectNode: (node: HTMLDivElement) => void;
+    getNodeList: (node: HTMLDivElement) => void;
     scrollList(activeIndex: number): void;
     renderTitle(): JSX.Element;
     renderCombobox(): JSX.Element;

package/dist/lib/components/Select/Select.js

@@ -154,12 +154,12 @@ var Select = /*#__PURE__*/function (_React$Component) {
 
     _this.handleOpened = function () {
       var onOpened = _this.props.onOpened;
-      onOpened && onOpened();
+      onOpened === null || onOpened === void 0 ? void 0 : onOpened();
     };
 
     _this.handleClosed = function () {
       var onClosed = _this.props.onClosed;
-      onClosed && onClosed();
+      onClosed === null || onClosed === void 0 ? void 0 : onClosed();
     };
 
     _this.handleClickOutside = function (e) {
@@ -218,7 +218,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
         isChoosenItem: true
       });
 
-      onSelect && onSelect(e, item);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(e, item);
 
       _this.handleClosed();
     };
@@ -258,7 +258,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       var filterValue = e.target.value;
 
       if (isChoosenItem) {
-        onSelect && onSelect(null);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(null);
       }
 
       _this.setState({
@@ -376,7 +376,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.getNodeList = function (node) {
-      return _this.itemsNodeList.push(node);
+      _this.itemsNodeList.push(node);
     };
 
     _this.state = {

package/dist/lib/components/Switcher/Switcher.js

@@ -31,7 +31,7 @@ var Switcher = function Switcher(props) {
       return;
     }
 
-    onChange && onChange(e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
 
   return /*#__PURE__*/React.createElement("div", {

package/dist/lib/components/Tabs/Tabs.js

@@ -126,36 +126,41 @@ var Tabs = function Tabs(_ref) {
 
   var _React$useState9 = React.useState(0),
       _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-      underlineWidth = _React$useState10[0],
-      setUnderlineWidth = _React$useState10[1];
+      activeTabWidth = _React$useState10[0],
+      setActiveTabWidth = _React$useState10[1];
 
   var _React$useState11 = React.useState(0),
       _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
-      underlineTranslate = _React$useState12[0],
-      setUnderlineTranslate = _React$useState12[1];
+      underlineWidth = _React$useState12[0],
+      setUnderlineWidth = _React$useState12[1];
 
-  var _React$useState13 = React.useState('none'),
+  var _React$useState13 = React.useState(0),
       _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
-      underlineTransition = _React$useState14[0],
-      setUnderlineTransition = _React$useState14[1];
+      underlineTranslate = _React$useState14[0],
+      setUnderlineTranslate = _React$useState14[1];
 
-  var _React$useState15 = React.useState('auto'),
+  var _React$useState15 = React.useState('none'),
       _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
-      tabListHeight = _React$useState16[0],
-      setTabListHeight = _React$useState16[1];
+      underlineTransition = _React$useState16[0],
+      setUnderlineTransition = _React$useState16[1];
 
-  var _React$useState17 = React.useState(false),
+  var _React$useState17 = React.useState('auto'),
       _React$useState18 = (0, _slicedToArray2["default"])(_React$useState17, 2),
-      isSticky = _React$useState18[0],
-      setSticky = _React$useState18[1];
+      tabListHeight = _React$useState18[0],
+      setTabListHeight = _React$useState18[1];
 
-  var _React$useState19 = React.useState({
+  var _React$useState19 = React.useState(false),
+      _React$useState20 = (0, _slicedToArray2["default"])(_React$useState19, 2),
+      isSticky = _React$useState20[0],
+      setSticky = _React$useState20[1];
+
+  var _React$useState21 = React.useState({
     left: 0,
     right: 0
   }),
-      _React$useState20 = (0, _slicedToArray2["default"])(_React$useState19, 2),
-      stickyOffset = _React$useState20[0],
-      setStickyOffset = _React$useState20[1];
+      _React$useState22 = (0, _slicedToArray2["default"])(_React$useState21, 2),
+      stickyOffset = _React$useState22[0],
+      setStickyOffset = _React$useState22[1];
 
   var setTabRef = React.useCallback(function (tab) {
     tab && tabsRef.current.push(tab);
@@ -165,21 +170,15 @@ var Tabs = function Tabs(_ref) {
       return;
     }
 
-    var tabNodeChild = tabsRef.current[currentIndex].firstElementChild;
-
-    var _ref2 = tabNodeChild || {},
-        _ref2$clientWidth = _ref2.clientWidth,
-        clientWidth = _ref2$clientWidth === void 0 ? 0 : _ref2$clientWidth;
-
     var translate = (0, _toConsumableArray2["default"])(tabsRef.current).splice(0, currentIndex).reduce(function (accWidth, node) {
       var _node$getBoundingClie = node.getBoundingClientRect(),
           width = _node$getBoundingClie.width;
 
       return accWidth + width;
     }, 0);
-    setUnderlineWidth(clientWidth);
+    setUnderlineWidth(activeTabWidth);
     setUnderlineTranslate(translate);
-  }, [currentIndex]);
+  }, [currentIndex, activeTabWidth]);
   var calculateSticky = React.useCallback(function () {
     if (!sticky || !rootRef.current || !tabListRef.current) {
       return;
@@ -194,11 +193,11 @@ var Tabs = function Tabs(_ref) {
       left: left,
       right: documentWidth - right
     });
-  }, [stickyOffset, isSticky]);
+  }, [sticky]);
   var handleTabInnerClick = React.useCallback(function (index) {
     return function () {
       setUnderlineTransition('all');
-      onTabClick && onTabClick(index);
+      onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(index);
 
       if (outerIndex === undefined) {
         setInnerIndex(index);
@@ -247,7 +246,7 @@ var Tabs = function Tabs(_ref) {
         ref: setTabRef
       }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), renderTabWrapper ? renderTabWrapper(tab) : tab));
     });
-  }, [renderTab, children]);
+  }, [renderTab, children, activeTabClass, currentIndex, setTabRef, tabClass]);
   var renderPanels = React.useCallback(function () {
     return React.Children.map(children, function (child, i) {
       var panel = child.props.children;
@@ -263,7 +262,7 @@ var Tabs = function Tabs(_ref) {
         })
       }, panel);
     });
-  }, [children, currentIndex]);
+  }, [children, currentIndex, renderOnlyCurrentPanel]);
   var handleReachBeginning = React.useCallback(function (swiper) {
     setBeginning(swiper.isBeginning);
   }, []);
@@ -275,15 +274,16 @@ var Tabs = function Tabs(_ref) {
     setEnd(swiper.isEnd);
   }, []);
   React.useEffect(function () {
+    var rootRefNode = rootRef.current;
     var observer = new IntersectionObserver(function (entries) {
-      entries.forEach(function (_ref3) {
-        var isIntersecting = _ref3.isIntersecting,
-            _ref3$boundingClientR = _ref3.boundingClientRect,
-            top = _ref3$boundingClientR.top,
-            left = _ref3$boundingClientR.left,
-            right = _ref3$boundingClientR.right;
-
-        if (!sticky || !rootRef.current || !tabListRef.current) {
+      entries.forEach(function (_ref2) {
+        var isIntersecting = _ref2.isIntersecting,
+            _ref2$boundingClientR = _ref2.boundingClientRect,
+            top = _ref2$boundingClientR.top,
+            left = _ref2$boundingClientR.left,
+            right = _ref2$boundingClientR.right;
+
+        if (!sticky || !rootRefNode || !tabListRef.current) {
           return;
         }
 
@@ -316,22 +316,32 @@ var Tabs = function Tabs(_ref) {
     }, {
       threshold: [0, 1]
     });
-    rootRef.current && observer.observe(rootRef.current);
+    rootRefNode && observer.observe(rootRefNode);
     return function () {
-      rootRef.current && observer.unobserve(rootRef.current);
+      rootRefNode && observer.unobserve(rootRefNode);
     };
-  }, [calculateSticky]);
+  }, [calculateSticky, sticky]);
   React.useEffect(function () {
     var handleResize = (0, _lodash["default"])(function () {
-      calculateUnderline();
       calculateSticky();
     }, 300);
+    var activeTabNode = tabsRef.current[currentIndex];
+    var resizeObserver = new ResizeObserver(function (entries) {
+      if (!entries.length || !entries[0]) {
+        return;
+      }
+
+      var width = entries[0].contentRect.width;
+      setActiveTabWidth(width);
+      calculateUnderline();
+    });
     calculateUnderline();
+    resizeObserver.observe(activeTabNode);
     window.addEventListener('resize', handleResize);
     return function () {
       window.removeEventListener('resize', handleResize);
     };
-  }, [calculateUnderline, calculateSticky]);
+  }, [calculateUnderline, calculateSticky, currentIndex]);
   React.useEffect(function () {
     if (!swiperInstance) {
       return;

package/dist/lib/components/TextField/TextField.d.ts

@@ -62,8 +62,10 @@ export declare type TextFieldProps = {
     classes?: {
         input?: string;
     };
-    /** Аргумент элемента input */
+    /** Атрибут элемента input */
     inputMode?: 'numeric' | 'tel' | 'decimal' | 'email' | 'url' | 'search' | 'none';
+    /** Атрибут элемента input. Не работает с textarea=true */
+    autoComplete?: string;
     /** Переводит компонент в контролируемое состояние */
     isControlled?: boolean;
     /** Обработчик изменения значения */