@megafon/ui-core 2.0.0-beta.165 → 2.0.0-beta.169

package/CHANGELOG.md

@@ -3,6 +3,81 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0-beta.169](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.0.0-beta.168...@megafon/ui-core@2.0.0-beta.169) (2021-11-29)
+
+
+### Bug Fixes
+
+* **carousel:** slides carousel to focusable slide ([f31c806](https://github.com/MegafonWebLab/megafon-ui/commit/f31c806387e3cef6cc1d4c98e2af2d65015eef3c))
+* **search:** fix items container position ([178eeed](https://github.com/MegafonWebLab/megafon-ui/commit/178eeed58c79f30ddfcca4c33c394f7333e2cc7a))
+* **select:** remove arrow and arrows wrap classes ([2811796](https://github.com/MegafonWebLab/megafon-ui/commit/28117968f55430ce92198559a8b55174d9791368))
+* **select:** update keyboard focus ([59999df](https://github.com/MegafonWebLab/megafon-ui/commit/59999dfac0aee425a0a445ed5e93702e78f11a21))
+* **textlink:** fix double underline for dashed and border style ([da41c55](https://github.com/MegafonWebLab/megafon-ui/commit/da41c55f23e3953efdca24e576633a0d07269c3d))
+* **tooltip:** add keyboard accessibility for tooltip open ([f4c97b8](https://github.com/MegafonWebLab/megafon-ui/commit/f4c97b8a8d9a29669e475bda670550d72a3b49e4))
+
+
+### Features
+
+* **search:** add disabled prop ([bc32588](https://github.com/MegafonWebLab/megafon-ui/commit/bc32588f1964ecd93f1f8a2aec1479959ef9d131))
+
+
+### BREAKING CHANGES
+
+* **select:** arrow display by pseudo element now, props and element removed from component
+
+
+
+
+
+# [2.0.0-beta.168](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.0.0-beta.167...@megafon/ui-core@2.0.0-beta.168) (2021-11-23)
+
+
+### Features
+
+* **carousel:** fix effect fade ([359fd55](https://github.com/MegafonWebLab/megafon-ui/commit/359fd55990ac7e018917301bb4b3ae12d0e133e0))
+* **select:** update items prop typings ([280d581](https://github.com/MegafonWebLab/megafon-ui/commit/280d5818aee2a8b8f596bb25b3752e5729a8edb3))
+
+
+### BREAKING CHANGES
+
+* **select:** items prop reuired and has exact structure in propType
+
+
+
+
+
+# [2.0.0-beta.167](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.0.0-beta.166...@megafon/ui-core@2.0.0-beta.167) (2021-11-15)
+
+
+### Bug Fixes
+
+* **select:** restore keyboard controls ([d78031b](https://github.com/MegafonWebLab/megafon-ui/commit/d78031baf4ee70a69866446f9d32f009f1fcd346))
+
+
+
+
+
+# [2.0.0-beta.166](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.0.0-beta.165...@megafon/ui-core@2.0.0-beta.166) (2021-11-15)
+
+
+### Bug Fixes
+
+* **textfield:** set empty string as default value ([1bba2bb](https://github.com/MegafonWebLab/megafon-ui/commit/1bba2bbb577acf34fa3bc3c694999ac26f900ef7))
+* **ui-core:** enable some eslint rules and fix problems ([ee8fd03](https://github.com/MegafonWebLab/megafon-ui/commit/ee8fd03d6620cbcff25915f279e481db2193a6d1))
+* **ui-core:** fix ContentArea props ([dbede1d](https://github.com/MegafonWebLab/megafon-ui/commit/dbede1d1a021cc13c2c1872f1b86a8c6a5813b95))
+* **ui-core:** fix RadioButton tests ([f3410f7](https://github.com/MegafonWebLab/megafon-ui/commit/f3410f7b1dd2007d40f17f8ec54905bff76ff994))
+* **ui-core:** fix RedioButton default value ([df1fe2c](https://github.com/MegafonWebLab/megafon-ui/commit/df1fe2c37fc51d10c2ee459cdd5badb6c1ee48fb))
+* **ui-core:** restore defaultProps ([5e2ef7c](https://github.com/MegafonWebLab/megafon-ui/commit/5e2ef7c18c30fb1873b8b7638c299eb066bd1ee3))
+
+
+### Features
+
+* **accordion:** added new type for title ([0275349](https://github.com/MegafonWebLab/megafon-ui/commit/0275349edffec74c4fb08638cbebf7026d99d4cd))
+
+
+
+
+
 # [2.0.0-beta.165](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@2.0.0-beta.164...@megafon/ui-core@2.0.0-beta.165) (2021-11-01)
 
 

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

@@ -5,7 +5,7 @@ export interface IAccordionProps extends IFilterDataAttrs {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
-    title: string;
+    title: string | React.ReactNode | React.ReactNode[];
     /** Состояние открытости */
     isOpened?: boolean;
     /** Вертикальные отступы */
@@ -20,7 +20,7 @@ export interface IAccordionProps extends IFilterDataAttrs {
         titleWrap?: string;
     };
     /** Обработчик клика */
-    onClickAccordion?: (isOpened: boolean, title: string) => void;
+    onClickAccordion?: (isOpened: boolean, title: string | React.ReactNode | React.ReactNode[]) => void;
 }
 declare const Accordion: React.FC<IAccordionProps>;
 export default Accordion;

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

@@ -85,7 +85,7 @@ Accordion.propTypes = {
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),
-  title: PropTypes.string.isRequired,
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
   isOpened: PropTypes.bool,
   hasVerticalPaddings: PropTypes.bool,
   className: PropTypes.string,

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

@@ -162,6 +162,8 @@ var Button = function Button(_ref) {
     if (target && target !== '_self') {
       return 'noreferrer noopener';
     }
+
+    return undefined;
   };
 
   var classNameValue = Array.isArray(className) ? [].concat(_toConsumableArray(className), [rootClassName]) : [className, rootClassName];

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

@@ -95,7 +95,9 @@ var Calendar = function Calendar(_ref) {
       stateFocusedInput = calendarState.focusedInput;
 
   var _a = useDatepicker(_extends({
-    onDatesChange: function onDatesChange() {},
+    onDatesChange: function onDatesChange() {
+      return undefined;
+    },
     numberOfMonths: 1,
     minBookingDate: minBookingDate,
     maxBookingDate: maxBookingDate,
@@ -133,12 +135,14 @@ var Calendar = function Calendar(_ref) {
         });
 
       case isPeriodNarrow:
-        var isCloserToStart = stateStartDate && stateEndDate && differenceInDays(stateStartDate, date) >= differenceInDays(date, stateEndDate);
-        return _extends(_extends({}, calendarState), {
-          startDate: isCloserToStart ? date : stateStartDate,
-          endDate: isCloserToStart ? stateEndDate : date,
-          focusedInput: START_DATE
-        });
+        {
+          var isCloserToStart = stateStartDate && stateEndDate && differenceInDays(stateStartDate, date) >= differenceInDays(date, stateEndDate);
+          return _extends(_extends({}, calendarState), {
+            startDate: isCloserToStart ? date : stateStartDate,
+            endDate: isCloserToStart ? stateEndDate : date,
+            focusedInput: START_DATE
+          });
+        }
 
       case isStartDateChose:
         return {

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

@@ -1,3 +1,4 @@
+import "core-js/modules/es.array.index-of";
 import "core-js/modules/es.array.map";
 import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
@@ -190,6 +191,26 @@ var Carousel = function Carousel(_ref) {
       swiper.slides.css('width', '');
     }
   }, throttleTime.resize), []);
+
+  var handleSlideFocus = function handleSlideFocus(index) {
+    return function (e) {
+      var _a;
+
+      if (loop) {
+        // for correctly scroll the looped carousel to the focused element, we need to get its real index in the DOM-collection of slides
+        // because swiper does not provide this, only data-swiper-slide-index, whose values are in the range from 0 to children.length - 1,
+        // but method slideTo needs to be passed a real slide index in DOM-collection
+        var slideSelector = ".".concat(cn('slide'));
+        var slide = e.nativeEvent.target.closest(slideSelector);
+        var realIndex = Array.prototype.indexOf.call((_a = slide === null || slide === void 0 ? void 0 : slide.parentNode) === null || _a === void 0 ? void 0 : _a.children, slide);
+        swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.slideTo(realIndex);
+        return;
+      }
+
+      swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.slideTo(index);
+    };
+  };
+
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
     ref: rootRef,
     className: cn({
@@ -216,6 +237,9 @@ var Carousel = function Carousel(_ref) {
     allowTouchMove: !disableTouchMove,
     centeredSlides: centeredSlides,
     effect: effectTheme,
+    fadeEffect: effectTheme === EffectTheme.FADE ? {
+      crossFade: effectTheme === EffectTheme.FADE
+    } : undefined,
     noSwipingSelector: noSwipingSelector ? ".swiper-pagination, ".concat(noSwipingSelector) : '.swiper-pagination',
     onSwiper: handleSwiper,
     onReachBeginning: handleReachBeginnig,
@@ -227,7 +251,8 @@ var Carousel = function Carousel(_ref) {
   }), React.Children.map(children, function (child, i) {
     return /*#__PURE__*/React.createElement(SwiperSlide, {
       key: i,
-      className: cn('slide', slideClass)
+      className: cn('slide', slideClass),
+      onFocus: handleSlideFocus(i)
     }, child);
   })), /*#__PURE__*/React.createElement(NavArrow, {
     className: cn('arrow', {

package/dist/es/components/Carousel/checkBreakpointsPropTypes.d.ts

@@ -1,5 +1,5 @@
 declare type ObjectType = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 declare const checkBreakpointsPropTypes: (settingsPropTypes: ObjectType) => (object: ObjectType, key: string, componentName: string) => Error | null;
 export default checkBreakpointsPropTypes;

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

@@ -1,7 +1,17 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 import './ContentArea.less';
-export declare type BackgroundColorType = 'white' | 'transparent' | 'green' | 'purple' | 'spbSky0' | 'spbSky1' | 'spbSky2' | 'freshAsphalt' | 'fullBlack';
+declare const BACKGROUND_COLORS: {
+    WHITE: string;
+    TRANSPARENT: string;
+    GREEN: string;
+    PURPLE: string;
+    SPB_SKY_0: string;
+    SPB_SKY_1: string;
+    SPB_SKY_2: string;
+    FRESH_ASPHALT: string;
+    FULL_BLACK: string;
+};
+export declare type BackgroundColorType = typeof BACKGROUND_COLORS[keyof typeof BACKGROUND_COLORS];
 declare const DisableIndents: {
     readonly MOBILE: "mobile";
     readonly MOBILE_TABLET: "mobile-tablet";
@@ -24,22 +34,5 @@ export interface IConrentAreaProps {
         inner?: string;
     };
 }
-declare class ContentArea extends React.Component<IConrentAreaProps> {
-    static propTypes: {
-        outerBackgroundColor: PropTypes.Requireable<string>;
-        innerBackgroundColor: PropTypes.Requireable<string>;
-        disableIndents: PropTypes.Requireable<"all" | "mobile" | "mobile-tablet" | "tablet-desktop">;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            inner: PropTypes.Requireable<string>;
-        }>>;
-    };
-    static defaultProps: {
-        outerBackgroundColor: string;
-        innerBackgroundColor: string;
-    };
-    render(): JSX.Element;
-}
+declare const ContentArea: React.FC<IConrentAreaProps>;
 export default ContentArea;

package/dist/es/components/ContentArea/ContentArea.js

@@ -1,74 +1,50 @@
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.object.to-string";
 import "core-js/modules/es.object.values";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-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 * as PropTypes from 'prop-types';
 import "./ContentArea.css";
+var BACKGROUND_COLORS = {
+  WHITE: 'white',
+  TRANSPARENT: 'transparent',
+  GREEN: 'green',
+  PURPLE: 'purple',
+  SPB_SKY_0: 'spbSky0',
+  SPB_SKY_1: 'spbSky1',
+  SPB_SKY_2: 'spbSky2',
+  FRESH_ASPHALT: 'freshAsphalt',
+  FULL_BLACK: 'fullBlack'
+};
 var DisableIndents = {
   MOBILE: 'mobile',
   MOBILE_TABLET: 'mobile-tablet',
   TABLET_DESKTOP: 'tablet-desktop',
   ALL: 'all'
 };
-var BACKGROUND_COLORS = ['white', 'transparent', 'green', 'purple', 'spbSky0', 'spbSky1', 'spbSky2', 'freshAsphalt', 'fullBlack'];
 var cn = cnCreate('mfui-beta-content-area');
 
-var ContentArea = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContentArea, _React$Component);
-
-  var _super = _createSuper(ContentArea);
-
-  function ContentArea() {
-    _classCallCheck(this, ContentArea);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ContentArea, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          outerBackgroundColor = _this$props.outerBackgroundColor,
-          innerBackgroundColor = _this$props.innerBackgroundColor,
-          disableIndents = _this$props.disableIndents,
-          children = _this$props.children,
-          className = _this$props.className,
-          _this$props$classes = _this$props.classes,
-          classes = _this$props$classes === void 0 ? {} : _this$props$classes;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn({
-          color: outerBackgroundColor
-        }, [className, classes.root])
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('inner', {
-          'disable-indents': disableIndents,
-          color: innerBackgroundColor
-        }, classes.inner)
-      }, children));
-    }
-  }]);
-
-  return ContentArea;
-}(React.Component);
+var ContentArea = function ContentArea(_ref) {
+  var outerBackgroundColor = _ref.outerBackgroundColor,
+      innerBackgroundColor = _ref.innerBackgroundColor,
+      disableIndents = _ref.disableIndents,
+      children = _ref.children,
+      className = _ref.className,
+      classes = _ref.classes;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      color: outerBackgroundColor
+    }, [className, classes === null || classes === void 0 ? void 0 : classes.root])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('inner', {
+      'disable-indents': disableIndents,
+      color: innerBackgroundColor
+    }, classes === null || classes === void 0 ? void 0 : classes.inner)
+  }, children));
+};
 
 ContentArea.propTypes = {
-  outerBackgroundColor: PropTypes.oneOf(BACKGROUND_COLORS),
-  innerBackgroundColor: PropTypes.oneOf(BACKGROUND_COLORS),
+  outerBackgroundColor: PropTypes.oneOf(Object.values(BACKGROUND_COLORS)),
+  innerBackgroundColor: PropTypes.oneOf(Object.values(BACKGROUND_COLORS)),
   disableIndents: PropTypes.oneOf(Object.values(DisableIndents)),
-  children: PropTypes.node,
   className: PropTypes.string,
   classes: PropTypes.shape({
     root: PropTypes.string,

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 export interface ILinkProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -15,16 +14,5 @@ export interface ILinkProps {
     download?: boolean;
     children?: JSX.Element[] | Element[] | JSX.Element | string | Element | React.ReactNode;
 }
-declare class Link extends React.Component<ILinkProps, {}> {
-    static propTypes: {
-        href: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        target: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        rel: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        download: PropTypes.Requireable<boolean>;
-    };
-    render(): JSX.Element;
-}
+declare const Link: React.FC<ILinkProps>;
 export default Link;

package/dist/es/components/Link/Link.js

@@ -1,40 +1,13 @@
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.object.to-string";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-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 * as PropTypes from 'prop-types';
 
-var Link = /*#__PURE__*/function (_React$Component) {
-  _inherits(Link, _React$Component);
-
-  var _super = _createSuper(Link);
-
-  function Link() {
-    _classCallCheck(this, Link);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Link, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement("a", this.props);
-    }
-  }]);
-
-  return Link;
-}(React.Component);
+var Link = function Link(props) {
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    React.createElement("a", props)
+  );
+};
 
 Link.propTypes = {
   href: PropTypes.string,

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
 import './Logo.less';
 export interface ILogoProps {
     /** Дополнительный класс корневого элемента */
@@ -13,15 +12,5 @@ export interface ILogoProps {
     /** target - аргумент тега <a> */
     target?: '_self' | '_blank' | '_parent' | '_top';
 }
-declare class Logo extends React.Component<ILogoProps, {}> {
-    static propTypes: {
-        color: PropTypes.Requireable<string>;
-        view: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        href: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-    };
-    static defaultProps: Partial<ILogoProps>;
-    render(): JSX.Element;
-}
+declare const Logo: React.FC<ILogoProps>;
 export default Logo;

package/dist/es/components/Logo/Logo.js

@@ -1,19 +1,5 @@
 import "core-js/modules/es.array.concat";
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.object.to-string";
-import "core-js/modules/es.reflect.construct";
-import "core-js/modules/es.regexp.to-string";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _extends from "@babel/runtime/helpers/extends";
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-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 * as PropTypes from 'prop-types';
@@ -53,52 +39,34 @@ var greenVerticalImg = function greenVerticalImg(props) {
 
 var cn = cnCreate('mfui-beta-logo');
 
-var Logo = /*#__PURE__*/function (_React$Component) {
-  _inherits(Logo, _React$Component);
-
-  var _super = _createSuper(Logo);
-
-  function Logo() {
-    _classCallCheck(this, Logo);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Logo, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          color = _this$props.color,
-          view = _this$props.view,
-          className = _this$props.className,
-          href = _this$props.href,
-          target = _this$props.target;
-      var images = {
-        'green-horizontal': greenHorizontalImg,
-        'green-vertical': greenVerticalImg
-      };
-      var BackgroundImage = images["".concat(color, "-").concat(view)];
-      return /*#__PURE__*/React.createElement(Link, {
-        href: href,
-        target: target,
-        className: cn('', {
-          view: view
-        }, className)
-      }, /*#__PURE__*/React.createElement("div", {
-        className: cn('img')
-      }, /*#__PURE__*/React.createElement(BackgroundImage, {
-        className: cn('svg')
-      })));
-    }
-  }]);
-
-  return Logo;
-}(React.Component);
+var Logo = function Logo(_ref) {
+  var className = _ref.className,
+      color = _ref.color,
+      view = _ref.view,
+      target = _ref.target,
+      href = _ref.href;
+  var images = {
+    'green-horizontal': greenHorizontalImg,
+    'green-vertical': greenVerticalImg
+  };
+  var BackgroundImage = images["".concat(color, "-").concat(view)];
+  return /*#__PURE__*/React.createElement(Link, {
+    href: href,
+    target: target,
+    className: cn('', {
+      view: view
+    }, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('img')
+  }, /*#__PURE__*/React.createElement(BackgroundImage, {
+    className: cn('svg')
+  })));
+};
 
 Logo.propTypes = {
   color: PropTypes.string,
   view: PropTypes.oneOf(['horizontal', 'vertical']),
-  target: PropTypes.string,
+  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
   href: PropTypes.string,
   className: PropTypes.string
 };

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

@@ -26,7 +26,8 @@ var PaginationButton = function PaginationButton(_ref) {
       theme: theme
     }, className),
     disabled: disabled,
-    onClick: handleClick
+    onClick: handleClick,
+    type: "button"
   }, children);
 };
 

package/dist/es/components/Search/Search.css

@@ -74,9 +74,9 @@ h5 {
 }
 .mfui-beta-search__list {
   position: absolute;
-  top: 100%;
-  right: 0;
-  left: 0;
+  top: calc(100% + 1px);
+  right: -1px;
+  left: -1px;
   z-index: 0;
   display: none;
   background-color: #FFFFFF;
@@ -151,6 +151,15 @@ h5 {
 .mfui-beta-search_open {
   z-index: 12;
 }
+.mfui-beta-search_disabled .mfui-beta-search__control {
+  border-color: #EDEDED;
+  background-color: #EDEDED;
+  cursor: default;
+  pointer-events: none;
+}
+.mfui-beta-search_disabled .mfui-beta-search__icon {
+  opacity: 0.5;
+}
 .mfui-beta-search__highlighted-fragment {
   font-weight: bold;
 }

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

@@ -29,6 +29,8 @@ export interface ISearchProps {
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
     noticeText?: string;
+    /** Управление возможностью взаимодействия с компонентом */
+    disabled?: boolean;
     /** Делает поле обязательным */
     required?: boolean;
     /** Дополнительный класс корневого элемента */