@megafon/ui-core 2.1.3 → 2.4.0

package/CHANGELOG.md

@@ -3,6 +3,62 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.4.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.3.0...@megafon/ui-core@2.4.0) (2022-01-31)
+
+
+### Bug Fixes
+
+* **link:** new prop dataAttrs ([bde2253](https://github.com/MegafonWebLab/megafon-ui/commit/bde22539ff0db11777be9193adceb6de0f984234))
+
+
+### Features
+
+* **banner:** add props withPaginationBottomOffset ([c1485a0](https://github.com/MegafonWebLab/megafon-ui/commit/c1485a083d63b886419109b03bb31230c5fed890))
+
+
+
+
+
+# [2.3.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.2.0...@megafon/ui-core@2.3.0) (2022-01-24)
+
+
+### Bug Fixes
+
+* **search:** prevents default action when a menu item is selected and the enter button is pressed ([054cbcf](https://github.com/MegafonWebLab/megafon-ui/commit/054cbcf3457ff779443a82b5ae6383fda57f9cc7))
+
+
+### Features
+
+* **accordion:** props hasVerticalPaddings marked as deprecated ([4d6d4cc](https://github.com/MegafonWebLab/megafon-ui/commit/4d6d4cca2cf45a86441827f0bef625a88a2c44f8))
+* **textfield:** add autocomplete prop ([f2cff94](https://github.com/MegafonWebLab/megafon-ui/commit/f2cff9403503de174b785ea02365ce470811369e))
+
+
+
+
+
+# [2.2.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.1.4...@megafon/ui-core@2.2.0) (2021-12-29)
+
+
+### Features
+
+* **radiobutton:** add dataAttrs prop ([3f8d0b4](https://github.com/MegafonWebLab/megafon-ui/commit/3f8d0b4c4ec4a6ca301ab44feed2842ec8e54f3a))
+
+
+
+
+
+## [2.1.4](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.1.3...@megafon/ui-core@2.1.4) (2021-12-20)
+
+
+### Bug Fixes
+
+* **colors:** add hover colors to system group ([634ac03](https://github.com/MegafonWebLab/megafon-ui/commit/634ac034445fdcd08b60ff056f75683025cb6d49))
+* **tabs:** fix active tab underline width ([4499399](https://github.com/MegafonWebLab/megafon-ui/commit/449939942730143712a92930a279a8b6fc17a012))
+
+
+
+
+
 ## [2.1.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.1.2...@megafon/ui-core@2.1.3) (2021-12-14)
 
 

package/dist/es/colors/Colors.css

@@ -70,13 +70,13 @@ h5 {
   }
 }
 .colors__list {
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
   padding-bottom: 12px;
 }
 @media screen and (max-width: 1023px) {
   .colors__list {
-    -webkit-box-pack: space-evenly;
-        -ms-flex-pack: space-evenly;
-            justify-content: space-evenly;
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;

package/dist/es/colors/Colors.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import './Colors.less';
-declare const Colors: () => JSX.Element;
+declare const Colors: React.FC;
 export default Colors;

package/dist/es/colors/Colors.js

@@ -229,7 +229,7 @@ var Colors = function Colors() {
     mobile: "12",
     tablet: "12"
   }, renderColorBlock(secondary)), /*#__PURE__*/React.createElement(GridColumn, {
-    all: "5",
+    all: "10",
     mobile: "12",
     tablet: "12"
   }, renderColorBlock(system))), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, {
@@ -238,7 +238,7 @@ var Colors = function Colors() {
     tablet: "12"
   }, renderColorBlock(gradientColors)), /*#__PURE__*/React.createElement(GridColumn, {
     all: "3",
-    leftOffsetWide: "1",
+    leftOffsetWide: "2",
     leftOffsetTablet: "1",
     leftOffsetDesktop: "1",
     mobile: "12",

package/dist/es/colors/colorsData.js

@@ -67,6 +67,15 @@ var colors = {
       }, {
         name: 'Background',
         code: '#FFFFFF'
+      }, {
+        name: 'Button Hov. G.',
+        code: '#10E272'
+      }, {
+        name: 'Button Hov. P.',
+        code: '#A500BF'
+      }, {
+        name: 'Button Down',
+        code: '#404D46'
       }]
     }
   },

package/dist/es/components/Accordion/Accordion.d.ts

@@ -9,6 +9,7 @@ export interface IAccordionProps extends IFilterDataAttrs {
     /** Состояние открытости */
     isOpened?: boolean;
     /** Вертикальные отступы */
+    /** @deprecated */
     hasVerticalPaddings?: boolean;
     /** Дополнительный класс для корневого элемента */
     className?: string;

package/dist/es/components/Accordion/Accordion.js

@@ -53,7 +53,7 @@ var Accordion = function Accordion(_ref) {
   }, [isOpened]);
 
   var handleClickTitle = function handleClickTitle() {
-    onClickAccordion && onClickAccordion(!isOpenedState, title);
+    onClickAccordion === null || onClickAccordion === void 0 ? void 0 : onClickAccordion(!isOpenedState, title);
     setIsOpenedState(!isOpenedState);
   };
 
@@ -87,7 +87,9 @@ Accordion.propTypes = {
   }), PropTypes.any])]),
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
   isOpened: PropTypes.bool,
-  hasVerticalPaddings: PropTypes.bool,
+  hasVerticalPaddings: function hasVerticalPaddings(props, propName) {
+    return props[propName] && new Error('Failed prop type: Prop "hasVerticalPaddings" is deprecated');
+  },
   className: PropTypes.string,
   classes: PropTypes.shape({
     openedClass: PropTypes.string,

package/dist/es/components/Banner/Banner.css

@@ -41,6 +41,11 @@ h5 {
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
+@media screen and (max-width: 767px) {
+  .mfui-banner__arrow {
+    display: none;
+  }
+}
 .mfui-banner__arrow_prev {
   left: 12px;
 }
@@ -105,6 +110,29 @@ h5 {
 .mfui-banner__pagination_theme_dark {
   background-color: rgba(0, 0, 0, 0.25);
 }
+.mfui-banner__pagination_bottom-offset {
+  bottom: 60px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 89px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 90px;
+  }
+}
+@media screen and (min-width: 1280px) and (max-width: 1439px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 65px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 72px;
+  }
+}
 .mfui-banner__dot {
   width: 12px;
   height: 12px;

package/dist/es/components/Banner/Banner.d.ts

@@ -16,6 +16,8 @@ export interface IBannerProps {
         slide?: string;
         arrow?: string;
     };
+    /** Предполагается использование с наезжанием на баннер следующего за баннером элемента */
+    withPaginationBottomOffset?: boolean;
     /** Автоматическая прокрутка */
     autoPlay?: boolean;
     /** Задержка автоматической прокрутки */

package/dist/es/components/Banner/Banner.js

@@ -32,6 +32,8 @@ var Banner = function Banner(_ref) {
   var className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
+      _ref$withPaginationBo = _ref.withPaginationBottomOffset,
+      withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
       _ref$autoPlay = _ref.autoPlay,
       autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
       _ref$autoPlayDelay = _ref.autoPlayDelay,
@@ -83,7 +85,8 @@ var Banner = function Banner(_ref) {
       return;
     }
 
-    autoplay.stop();
+    autoplay.stop(); // eslint-disable-next-line no-param-reassign
+
     params.autoplay.delay = autoPlayDelay * 3;
     autoplay.start();
   }, [autoPlayDelay]);
@@ -93,18 +96,18 @@ var Banner = function Banner(_ref) {
     }
 
     swiperInstance.slidePrev();
-    onPrevClick && onPrevClick(swiperInstance.realIndex);
+    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onPrevClick]);
+  }, [swiperInstance, onPrevClick, increaseAutoplayDelay]);
   var handleNextClick = React.useCallback(function () {
     if (!swiperInstance) {
       return;
     }
 
     swiperInstance.slideNext();
-    onNextClick && onNextClick(swiperInstance.realIndex);
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onNextClick]);
+  }, [swiperInstance, onNextClick, increaseAutoplayDelay]);
   var handleDotClick = React.useCallback(function (index) {
     if (!swiperInstance) {
       return;
@@ -116,9 +119,9 @@ var Banner = function Banner(_ref) {
       swiperInstance.slideTo(index);
     }
 
-    onDotClick && onDotClick(swiperInstance.realIndex);
+    onDotClick === null || onDotClick === void 0 ? void 0 : onDotClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, loop, onDotClick]);
+  }, [swiperInstance, loop, onDotClick, increaseAutoplayDelay]);
   var handleSwiper = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
   }, []);
@@ -141,8 +144,8 @@ var Banner = function Banner(_ref) {
   var handleSlideChange = React.useCallback(function (_ref4) {
     var realIndex = _ref4.realIndex;
     setActiveIndex(realIndex);
-    onChange && onChange(realIndex);
-  }, []);
+    onChange === null || onChange === void 0 ? void 0 : onChange(realIndex);
+  }, [onChange]);
   var handleAutoplayStop = React.useCallback(function () {
     setAutoPlayning(false);
   }, []);
@@ -183,7 +186,8 @@ var Banner = function Banner(_ref) {
     theme: navArrowTheme
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('pagination', {
-      theme: navTheme
+      theme: navTheme,
+      'bottom-offset': withPaginationBottomOffset
     })
   }, React.Children.map(children, function (_, i) {
     return /*#__PURE__*/React.createElement(BannerDot, {
@@ -204,6 +208,7 @@ Banner.propTypes = {
   classes: PropTypes.shape({
     slide: PropTypes.string
   }),
+  withPaginationBottomOffset: PropTypes.bool,
   autoPlay: PropTypes.bool,
   autoPlayDelay: PropTypes.number,
   navTheme: PropTypes.oneOf(Object.values(NavTheme)),

package/dist/es/components/Button/Button.js

@@ -96,7 +96,7 @@ var Button = function Button(_ref) {
       return;
     }
 
-    onClick && onClick(e);
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
   }, [disabled, onClick]);
   var currentTheme = React.useMemo(function () {
     return type === ButtonTypes.PRIMARY && theme === ButtonThemes.BLACK ? ButtonThemes.GREEN : theme;
@@ -152,7 +152,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/es/components/Calendar/Calendar.js

@@ -113,7 +113,7 @@ var Calendar = function Calendar(_ref) {
   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) {
@@ -178,7 +178,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) {
@@ -224,6 +224,7 @@ var Calendar = function Calendar(_ref) {
       var month = _ref2.month,
           year = _ref2.year;
 
+      // eslint-disable-next-line react-hooks/rules-of-hooks
       var _useMonth = useMonth({
         year: year,
         month: month,

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

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

package/dist/es/components/Carousel/Carousel.js

@@ -122,7 +122,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]);
@@ -132,7 +133,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 () {
@@ -141,14 +142,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);
   }, []);
@@ -169,7 +170,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) {
@@ -182,15 +183,17 @@ var Carousel = function Carousel(_ref) {
   }; // https://github.com/nolimits4web/Swiper/issues/2346
 
 
-  var handleSwiperResize = React.useCallback(throttle(function (swiper) {
-    setBeginning(swiper.isBeginning);
-    setEnd(swiper.isEnd);
-    setLocked(swiper.isBeginning && swiper.isEnd);
+  var handleSwiperResize = React.useCallback(function () {
+    throttle(function (swiper) {
+      setBeginning(swiper.isBeginning);
+      setEnd(swiper.isEnd);
+      setLocked(swiper.isBeginning && swiper.isEnd);
 
-    if (swiper.params.slidesPerView === SlidesPerView.AUTO) {
-      swiper.slides.css('width', '');
-    }
-  }, throttleTime.resize), []);
+      if (swiper.params.slidesPerView === SlidesPerView.AUTO) {
+        swiper.slides.css('width', '');
+      }
+    }, throttleTime.resize);
+  }, []);
 
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {

package/dist/es/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/es/components/Checkbox/Checkbox.js

@@ -44,7 +44,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/es/components/Counter/Counter.js

@@ -56,15 +56,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/es/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/es/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/es/components/Link/Link.js

@@ -1,12 +1,25 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { filterDataAttrs } from '@megafon/ui-helpers';
+import PropTypes from 'prop-types';
 
-var Link = function Link(props) {
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    React.createElement("a", props)
-  );
+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.createElement("a", _extends({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    download: download,
+    onClick: onClick
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), children);
 };
 
 Link.propTypes = {

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

@@ -17,7 +17,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.createElement("button", {

package/dist/es/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/es/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/es/components/RadioButton/RadioButton.js

@@ -18,7 +18,7 @@ function _createSuper(Derived) { return function () { var Super = _getPrototypeO
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./RadioButton.css";
 var cn = cnCreate('mfui-radio-button');
@@ -39,7 +39,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;
@@ -58,14 +58,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(_toConsumableArray(className), [classes.root]) : [className, classes.root];
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", _extends({
         className: cn(rootClassNames)
-      }, /*#__PURE__*/React.createElement("label", {
+      }, filterDataAttrs(dataAttrs)), /*#__PURE__*/React.createElement("label", {
         className: cn('label', {
           disabled: disabled
         }, classes.label)
@@ -107,7 +108,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/es/components/Search/Search.js

@@ -72,7 +72,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
@@ -93,7 +93,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.useCallback(function () {
     return function () {
@@ -105,7 +105,7 @@ var Search = function Search(_ref) {
   }, []);
   var handleBlur = React.useCallback(function (e) {
     setFocus(false);
-    onBlur && onBlur(e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [onBlur]);
   var handleClick = React.useCallback(function () {
     if (activeIndex >= 0) {
@@ -125,6 +125,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/es/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;