@megafon/ui-shared 2.0.0-beta.240 → 2.0.0-beta.241

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 (70) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.js +1 -1
  3. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  4. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +4 -4
  5. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  6. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
  7. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  8. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +5 -5
  9. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +1 -1
  10. package/dist/es/components/ButtonBanner/ButtonBanner.js +2 -2
  11. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  12. package/dist/es/components/Card/Card.js +2 -1
  13. package/dist/es/components/CardsBox/CardsBox.js +3 -3
  14. package/dist/es/components/Container/Container.js +2 -2
  15. package/dist/es/components/DownloadLinks/DownloadLink.js +1 -1
  16. package/dist/es/components/DownloadLinks/DownloadLinks.js +1 -1
  17. package/dist/es/components/Instructions/Instructions.d.ts +1 -1
  18. package/dist/es/components/Instructions/Instructions.js +52 -48
  19. package/dist/es/components/PageTitle/PageTitle.js +2 -2
  20. package/dist/es/components/Partners/Partners.js +4 -4
  21. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +2 -2
  22. package/dist/es/components/Property/Property.js +4 -4
  23. package/dist/es/components/Property/PropertyDescription.js +1 -1
  24. package/dist/es/components/Steps/Steps.js +1 -1
  25. package/dist/es/components/Steps/StepsItem.js +1 -1
  26. package/dist/es/components/StoreBanner/StoreBanner.js +1 -1
  27. package/dist/es/components/StoreButton/StoreButton.js +1 -1
  28. package/dist/es/components/Table/Table.js +3 -3
  29. package/dist/es/components/Table/TableRow.js +1 -0
  30. package/dist/es/components/TextBox/TextBox.js +2 -2
  31. package/dist/es/components/TextBox/TextBoxPicture.js +3 -2
  32. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  33. package/dist/es/components/VideoBanner/VideoBanner.js +19 -15
  34. package/dist/es/components/VideoBlock/VideoBlock.d.ts +2 -2
  35. package/dist/es/components/VideoBlock/VideoBlock.js +20 -16
  36. package/dist/lib/components/AccordionBox/AccordionBox.js +2 -2
  37. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  38. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +6 -7
  39. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  40. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +2 -2
  41. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  42. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +6 -6
  43. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
  44. package/dist/lib/components/ButtonBanner/ButtonBanner.js +2 -2
  45. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +2 -2
  46. package/dist/lib/components/Card/Card.js +2 -1
  47. package/dist/lib/components/CardsBox/CardsBox.js +5 -5
  48. package/dist/lib/components/Container/Container.js +2 -2
  49. package/dist/lib/components/DownloadLinks/DownloadLink.js +2 -2
  50. package/dist/lib/components/DownloadLinks/DownloadLinks.js +2 -2
  51. package/dist/lib/components/Instructions/Instructions.d.ts +1 -1
  52. package/dist/lib/components/Instructions/Instructions.js +56 -52
  53. package/dist/lib/components/PageTitle/PageTitle.js +3 -3
  54. package/dist/lib/components/Partners/Partners.js +5 -5
  55. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +2 -2
  56. package/dist/lib/components/Property/Property.js +5 -5
  57. package/dist/lib/components/Property/PropertyDescription.js +2 -2
  58. package/dist/lib/components/Steps/Steps.js +2 -2
  59. package/dist/lib/components/Steps/StepsItem.js +2 -2
  60. package/dist/lib/components/StoreBanner/StoreBanner.js +2 -2
  61. package/dist/lib/components/StoreButton/StoreButton.js +2 -2
  62. package/dist/lib/components/Table/Table.js +4 -4
  63. package/dist/lib/components/Table/TableRow.js +1 -0
  64. package/dist/lib/components/TextBox/TextBox.js +2 -2
  65. package/dist/lib/components/TextBox/TextBoxPicture.js +4 -3
  66. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +2 -2
  67. package/dist/lib/components/VideoBanner/VideoBanner.js +21 -17
  68. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +2 -2
  69. package/dist/lib/components/VideoBlock/VideoBlock.js +20 -16
  70. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.0.0-beta.241](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.0.0-beta.240...@megafon/ui-shared@2.0.0-beta.241) (2021-11-29)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-shared:** enable more eslint rules and fix problems ([063b874](https://github.com/MegafonWebLab/megafon-ui/commit/063b8747e2dfd3f883f07a04e177cbceef4cca2e))
12
+ * **ui-shared:** enable more eslint rules and fix problems ([4bde8f9](https://github.com/MegafonWebLab/megafon-ui/commit/4bde8f93be7a13efe912f22d659371a3e380e6f3))
13
+ * **ui-shared:** enable some eslint rules and fix problems ([73ea828](https://github.com/MegafonWebLab/megafon-ui/commit/73ea828ea060d5cfecb18fdd5d1498efa1e93fbd))
14
+ * **ui-shared:** fix children type ([0f04517](https://github.com/MegafonWebLab/megafon-ui/commit/0f04517deaa60ff05fd05eeb478d66e0a116b999))
15
+ * **ui-shared:** fixes after rebase ([c326ee8](https://github.com/MegafonWebLab/megafon-ui/commit/c326ee8c3ca2f47c6b3202d78c91e08b0e42914e))
16
+ * **ui-shared:** remove alt content; rename interface ([316e04a](https://github.com/MegafonWebLab/megafon-ui/commit/316e04a1a594ce61c7d198113f1fb6612cc7d913))
17
+
18
+
19
+
20
+
21
+
6
22
  # [2.0.0-beta.240](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.0.0-beta.239...@megafon/ui-shared@2.0.0-beta.240) (2021-11-23)
7
23
 
8
24
 
@@ -15,9 +15,9 @@ var __rest = this && this.__rest || function (s, e) {
15
15
  };
16
16
 
17
17
  import * as React from 'react';
18
- import * as PropTypes from 'prop-types';
19
18
  import { Grid, GridColumn, Accordion } from '@megafon/ui-core';
20
19
  import { cnCreate } from '@megafon/ui-helpers';
20
+ import * as PropTypes from 'prop-types';
21
21
  import "./AccordionBox.css";
22
22
  var cn = cnCreate('mfui-beta-accordion-box');
23
23
 
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './style/BenefitsIcons.less';
3
2
  import { IconPosition, IBenefit } from './types';
3
+ import './style/BenefitsIcons.less';
4
4
  export interface IBenefitsIcons {
5
5
  /** Ссылка на корневой элемент */
6
6
  rootRef?: React.Ref<HTMLDivElement>;
@@ -3,14 +3,14 @@ import "core-js/modules/es.object.values";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _extends from "@babel/runtime/helpers/extends";
5
5
  import * as React from 'react';
6
- import PropTypes from 'prop-types';
7
- import "./style/BenefitsIcons.css";
8
6
  import { Grid, GridColumn } from '@megafon/ui-core';
9
7
  import { cnCreate, breakpoints } from '@megafon/ui-helpers';
8
+ import throttle from 'lodash.throttle';
9
+ import PropTypes from 'prop-types';
10
+ import throttleTime from "../../constants/throttleTime";
10
11
  import BenefitsIconsTile from "./BenefitsIconsTile";
11
12
  import { IconPositionEnum, ItemsAlignEnum } from "./types";
12
- import throttle from 'lodash.throttle';
13
- import throttleTime from "../../constants/throttleTime"; // left-aligned column with left side icon,
13
+ import "./style/BenefitsIcons.css"; // left-aligned column with left side icon,
14
14
 
15
15
  var getLeftSideConfig = function getLeftSideConfig(count, index) {
16
16
  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './style/BenefitsIconsTile.less';
3
2
  import { IBenefit, IconPosition } from './types';
3
+ import './style/BenefitsIconsTile.less';
4
4
  export interface IBenefitsIconsTile extends IBenefit {
5
5
  iconPosition?: IconPosition;
6
6
  className?: string;
@@ -1,10 +1,10 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
- import "./style/BenefitsIconsTile.css";
5
3
  import { Header } from '@megafon/ui-core';
6
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
7
6
  import { IconPositionEnum } from "./types";
7
+ import "./style/BenefitsIconsTile.css";
8
8
  var cn = cnCreate('mfui-beta-benefits-icons-tile');
9
9
 
10
10
  var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import './BenfitsPictures.less';
3
2
  import { IBenefit, GridGutterSize } from './types';
3
+ import './BenfitsPictures.less';
4
4
  export interface IBenefitsPicturesProps {
5
5
  /** Ссылка на корневой элемент */
6
6
  rootRef?: React.Ref<HTMLDivElement>;
@@ -3,13 +3,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import * as React from 'react';
5
5
  import { useCallback } from 'react';
6
- import PropTypes from 'prop-types';
7
- import throttle from 'lodash.throttle';
8
- import "./BenfitsPictures.css";
9
6
  import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
10
7
  import { breakpoints, cnCreate } from '@megafon/ui-helpers';
11
8
  import convert from 'htmr';
9
+ import throttle from 'lodash.throttle';
10
+ import PropTypes from 'prop-types';
12
11
  import throttleTime from "../../constants/throttleTime";
12
+ import "./BenfitsPictures.css";
13
13
  var ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
14
14
  var columnSize = {
15
15
  wide: '4',
@@ -139,7 +139,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
139
139
  } else {
140
140
  setCurrentGutter('large');
141
141
  }
142
- }, []);
142
+ }, [isLargeGutter]);
143
143
  React.useEffect(function () {
144
144
  var throttledResizeHandler = throttle(resizeHandler, throttleTime.resize);
145
145
  resizeHandler();
@@ -147,7 +147,7 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
147
147
  return function () {
148
148
  return window.removeEventListener('resize', throttledResizeHandler);
149
149
  };
150
- }, []);
150
+ }, [resizeHandler]);
151
151
  return /*#__PURE__*/React.createElement("div", {
152
152
  className: cn([className, classes.root]),
153
153
  ref: rootRef
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import "core-js/modules/es.object.values";
3
3
  import React from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import { TextLink } from '@megafon/ui-core';
6
5
  import { cnCreate } from '@megafon/ui-helpers';
6
+ import PropTypes from 'prop-types';
7
7
  import "./Breadcrumbs.css";
8
8
  export var TextColor = {
9
9
  BLACK: 'black',
@@ -1,10 +1,10 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import React from 'react';
4
- import * as PropTypes from 'prop-types';
5
- import "./ButtonBanner.css";
6
4
  import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
7
5
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
6
+ import * as PropTypes from 'prop-types';
7
+ import "./ButtonBanner.css";
8
8
  export var ButtonColor = {
9
9
  GREEN: 'green',
10
10
  PURPLE: 'purple'
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.string.link";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import React from 'react';
4
- import * as PropTypes from 'prop-types';
5
4
  import { Button, TextLink } from '@megafon/ui-core';
6
5
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
6
+ import * as PropTypes from 'prop-types';
7
7
  import "./ButtonLinkBox.css";
8
8
  var cn = cnCreate('mfui-beta-button-link-box');
9
9
 
@@ -51,7 +51,8 @@ var Card = function Card(_ref) {
51
51
  })
52
52
  }, /*#__PURE__*/React.createElement("img", {
53
53
  className: cn('img'),
54
- src: imageSrc
54
+ src: imageSrc,
55
+ alt: ""
55
56
  }));
56
57
  }
57
58
 
@@ -6,10 +6,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
6
  var _SlidesSettings;
7
7
 
8
8
  import * as React from 'react';
9
- import * as PropTypes from 'prop-types';
10
- import throttle from 'lodash.throttle';
11
9
  import { Grid, GridColumn, Carousel } from '@megafon/ui-core';
12
10
  import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
11
+ import throttle from 'lodash.throttle';
12
+ import * as PropTypes from 'prop-types';
13
13
  import throttleTime from "../../constants/throttleTime";
14
14
  var MAX_CARDS_COUNT_IN_GRID_ON_MOBILE = 2;
15
15
  var SlidesSettings = (_SlidesSettings = {}, _defineProperty(_SlidesSettings, breakpoints.MOBILE_SMALL_START, {
@@ -50,7 +50,7 @@ var CardsBox = function CardsBox(_ref) {
50
50
  slidesSettings: SlidesSettings,
51
51
  onChange: onChange
52
52
  }, children);
53
- }, [children]);
53
+ }, [children, onChange]);
54
54
  React.useEffect(function () {
55
55
  var resizeHandler = function resizeHandler() {
56
56
  return window.innerWidth <= breakpoints.MOBILE_BIG_END ? setIsMobile(true) : setIsMobile(false);
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import React from 'react';
3
- import PropTypes from 'prop-types';
4
- import "./Container.css";
5
3
  import { ContentArea } from '@megafon/ui-core';
6
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
6
+ import "./Container.css";
7
7
  export var BackgroundColors = {
8
8
  DEFAULT: 'default',
9
9
  LIGHT_GRAY: 'light-gray',
@@ -2,9 +2,9 @@ import "core-js/modules/es.array.concat";
2
2
  import "core-js/modules/es.string.link";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import * as React from 'react';
5
- import * as PropTypes from 'prop-types';
6
5
  import { TextLink } from '@megafon/ui-core';
7
6
  import { cnCreate } from '@megafon/ui-helpers';
7
+ import * as PropTypes from 'prop-types';
8
8
  import "./DownloadLink.css";
9
9
 
10
10
  var DownloadIcon = function DownloadIcon(props) {
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
- import * as PropTypes from 'prop-types';
5
4
  import { Grid, GridColumn } from '@megafon/ui-core';
6
5
  import { cnCreate } from '@megafon/ui-helpers';
6
+ import * as PropTypes from 'prop-types';
7
7
  import "./DownloadLinks.css";
8
8
 
9
9
  var getColumnConfig = function getColumnConfig(itemsCount) {
@@ -1,6 +1,6 @@
1
1
  import React, { Ref } from 'react';
2
- import './Instructions.less';
3
2
  import SwiperCore from 'swiper';
3
+ import './Instructions.less';
4
4
  export declare const pictureAlignTypes: {
5
5
  readonly LEFT: "left";
6
6
  readonly RIGHT: "right";
@@ -1,12 +1,12 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import React from 'react';
4
- import PropTypes from 'prop-types';
5
- import "./Instructions.css";
6
- import convert from 'htmr';
7
- import { Swiper, SwiperSlide } from 'swiper/react';
8
4
  import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
9
5
  import { cnCreate } from '@megafon/ui-helpers';
6
+ import convert from 'htmr';
7
+ import PropTypes from 'prop-types';
8
+ import { Swiper, SwiperSlide } from 'swiper/react';
9
+ import "./Instructions.css";
10
10
  export var pictureAlignTypes = {
11
11
  LEFT: 'left',
12
12
  RIGHT: 'right'
@@ -57,10 +57,10 @@ var Instructions = function Instructions(_ref) {
57
57
  var getSwiperInstance = React.useCallback(function (swiper) {
58
58
  setSwiperInstance(swiper);
59
59
  getSwiper && getSwiper(swiper);
60
- }, []);
60
+ }, [getSwiper]);
61
61
  var getActiveCustomClass = React.useCallback(function (articleIndex, activeIndex) {
62
62
  if (articleIndex !== activeIndex) {
63
- return;
63
+ return undefined;
64
64
  }
65
65
 
66
66
  return activeInstructionItem;
@@ -71,31 +71,6 @@ var Instructions = function Instructions(_ref) {
71
71
  swiperInstance && swiperInstance.slideTo(ind);
72
72
  };
73
73
  }, [swiperInstance]);
74
- var renderTitle = React.useCallback(function (resolution) {
75
- return /*#__PURE__*/React.createElement(Header, {
76
- className: cn('title', {
77
- resolution: resolution
78
- }),
79
- as: "h2"
80
- }, title);
81
- }, []);
82
- var renderText = React.useCallback(function () {
83
- return /*#__PURE__*/React.createElement(Paragraph, {
84
- className: cn('text', [additionalText]),
85
- hasMargin: false
86
- }, convert(text));
87
- }, [text, additionalText]);
88
- var renderPicture = React.useCallback(function () {
89
- if (pictureMask === pictureMaskTypes.NONE) {
90
- return renderSlider();
91
- }
92
-
93
- return /*#__PURE__*/React.createElement("div", {
94
- className: cn('img-wrapper')
95
- }, /*#__PURE__*/React.createElement("div", {
96
- className: cn('device-screen')
97
- }), renderSlider());
98
- }, [pictureMask]);
99
74
  var renderVideo = React.useCallback(function (mediaUrl) {
100
75
  return /*#__PURE__*/React.createElement("video", {
101
76
  className: cn('swiper-img'),
@@ -125,7 +100,32 @@ var Instructions = function Instructions(_ref) {
125
100
  alt: ""
126
101
  }));
127
102
  }));
128
- }, [instructionItems]);
103
+ }, [getSwiperInstance, instructionItemImg, instructionItems, renderVideo]);
104
+ var renderTitle = React.useCallback(function (resolution) {
105
+ return /*#__PURE__*/React.createElement(Header, {
106
+ className: cn('title', {
107
+ resolution: resolution
108
+ }),
109
+ as: "h2"
110
+ }, title);
111
+ }, [title]);
112
+ var renderText = React.useCallback(function () {
113
+ return /*#__PURE__*/React.createElement(Paragraph, {
114
+ className: cn('text', [additionalText]),
115
+ hasMargin: false
116
+ }, convert(text));
117
+ }, [text, additionalText]);
118
+ var renderPicture = React.useCallback(function () {
119
+ if (pictureMask === pictureMaskTypes.NONE) {
120
+ return renderSlider();
121
+ }
122
+
123
+ return /*#__PURE__*/React.createElement("div", {
124
+ className: cn('img-wrapper')
125
+ }, /*#__PURE__*/React.createElement("div", {
126
+ className: cn('device-screen')
127
+ }), renderSlider());
128
+ }, [pictureMask, renderSlider]);
129
129
  var renderDesktopArticles = React.useCallback(function () {
130
130
  return /*#__PURE__*/React.createElement("ul", {
131
131
  className: cn('articles-list', {
@@ -134,22 +134,26 @@ var Instructions = function Instructions(_ref) {
134
134
  })
135
135
  }, instructionItems.map(function (_ref3, ind) {
136
136
  var itemTitle = _ref3.title;
137
- return /*#__PURE__*/React.createElement("li", {
138
- className: cn('articles-item', {
139
- active: slideIndex === ind
140
- }, [getActiveCustomClass(ind, slideIndex), instructionItem, desktopInstructionItem]),
141
- "data-index": ind,
142
- onClick: handleArticleClick(ind),
143
- key: ind
144
- }, /*#__PURE__*/React.createElement("div", {
145
- className: cn('articles-item-dot')
146
- }, /*#__PURE__*/React.createElement("span", {
147
- className: cn('articles-item-dot-number')
148
- }, ind + 1)), /*#__PURE__*/React.createElement("div", {
149
- className: cn('articles-item-title', [desktopItemTitle])
150
- }, itemTitle));
137
+ return (
138
+ /*#__PURE__*/
139
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
140
+ React.createElement("li", {
141
+ className: cn('articles-item', {
142
+ active: slideIndex === ind
143
+ }, [getActiveCustomClass(ind, slideIndex), instructionItem, desktopInstructionItem]),
144
+ "data-index": ind,
145
+ onClick: handleArticleClick(ind),
146
+ key: ind
147
+ }, /*#__PURE__*/React.createElement("div", {
148
+ className: cn('articles-item-dot')
149
+ }, /*#__PURE__*/React.createElement("span", {
150
+ className: cn('articles-item-dot-number')
151
+ }, ind + 1)), /*#__PURE__*/React.createElement("div", {
152
+ className: cn('articles-item-title', [desktopItemTitle])
153
+ }, itemTitle))
154
+ );
151
155
  }));
152
- }, [instructionItems, slideIndex, handleArticleClick, text]);
156
+ }, [desktopInstructionItem, desktopItemTitle, getActiveCustomClass, handleArticleClick, instructionItem, instructionItems, slideIndex, text]);
153
157
  var renderMobileArticles = React.useCallback(function () {
154
158
  return /*#__PURE__*/React.createElement("div", {
155
159
  className: cn('articles-list', {
@@ -179,7 +183,7 @@ var Instructions = function Instructions(_ref) {
179
183
  className: cn('articles-dot-number')
180
184
  }, ind + 1));
181
185
  })));
182
- }, [instructionItems, slideIndex, handleArticleClick, text]);
186
+ }, [getActiveCustomClass, handleArticleClick, instructionItem, instructionItems, mobileInstructionItem, mobileItemTitle, slideIndex, text]);
183
187
  return /*#__PURE__*/React.createElement("div", {
184
188
  className: cn({
185
189
  mask: pictureMask
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import { Header, Grid, GridColumn } from '@megafon/ui-core';
4
3
  import { cnCreate } from '@megafon/ui-helpers';
4
+ import PropTypes from 'prop-types';
5
5
  import "./PageTitle.css";
6
6
  import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
7
7
  var cn = cnCreate('mfui-beta-page-title');
@@ -28,7 +28,7 @@ var PageTitle = function PageTitle(_ref) {
28
28
  }),
29
29
  as: "h1"
30
30
  }, title));
31
- }, [breadcrumbs, classes, badge, title]);
31
+ }, [badge, title, isBreadcrumbs]);
32
32
  var renderPageTitleWithGrid = React.useCallback(function () {
33
33
  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, {
34
34
  wide: "8",
@@ -6,9 +6,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
6
  var _slidesSettings;
7
7
 
8
8
  import * as React from 'react';
9
- import * as PropTypes from 'prop-types';
10
9
  import { Grid, GridColumn, Tile, Carousel } from '@megafon/ui-core';
11
10
  import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
11
+ import * as PropTypes from 'prop-types';
12
12
  import "./Partners.css";
13
13
  var MAX_GRID_ITEMS_LENGTH = 8;
14
14
  var slidesSettings = (_slidesSettings = {}, _defineProperty(_slidesSettings, breakpoints.MOBILE_SMALL_START, {
@@ -57,7 +57,7 @@ var Partners = function Partners(_ref) {
57
57
  alt: alt,
58
58
  className: cn('tile-img')
59
59
  }))));
60
- }, []);
60
+ }, [itemClass]);
61
61
  var renderGrid = React.useCallback(function () {
62
62
  return /*#__PURE__*/React.createElement(Grid, {
63
63
  guttersLeft: "medium",
@@ -69,7 +69,7 @@ var Partners = function Partners(_ref) {
69
69
  mobile: "6"
70
70
  }, renderItem(item));
71
71
  }));
72
- }, [items]);
72
+ }, [items, renderItem]);
73
73
  var renderCarousel = React.useCallback(function () {
74
74
  var halfItemsLength = Math.ceil(items.length / 2);
75
75
  var topRow = items.slice(0, halfItemsLength);
@@ -85,7 +85,7 @@ var Partners = function Partners(_ref) {
85
85
  className: cn('slide')
86
86
  }, renderItem(item), renderItem(bottomRow[i]));
87
87
  }));
88
- }, [items]);
88
+ }, [items, onChange, onNextClick, onPrevClick, renderItem]);
89
89
  return /*#__PURE__*/React.createElement("div", _extends({
90
90
  ref: rootRef,
91
91
  className: cn([root, className])
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
+ import { Header } from '@megafon/ui-core';
3
+ import { cnCreate } from '@megafon/ui-helpers';
2
4
  import PropTypes from 'prop-types';
3
5
  import "./PictureWithDescription.css";
4
- import { cnCreate } from '@megafon/ui-helpers';
5
- import { Header } from '@megafon/ui-core';
6
6
  export var pictureAlignTypes = {
7
7
  LEFT: 'left',
8
8
  RIGHT: 'right'
@@ -3,9 +3,9 @@ import "core-js/modules/es.symbol.description";
3
3
  import "core-js/modules/es.array.map";
4
4
  import _extends from "@babel/runtime/helpers/extends";
5
5
  import React from 'react';
6
- import PropTypes from 'prop-types';
7
6
  import { Header, Grid, GridColumn } from '@megafon/ui-core';
8
7
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
8
+ import PropTypes from 'prop-types';
9
9
  import "./Property.css";
10
10
  import PropertyDescription from "./PropertyDescription";
11
11
  var cn = cnCreate('mfui-beta-property');
@@ -29,14 +29,14 @@ var Property = function Property(_ref) {
29
29
  var renderTitle = React.useCallback(function (title) {
30
30
  return title && title.map(function (titleItem, i) {
31
31
  return /*#__PURE__*/React.createElement(Header, {
32
- as: 'h5',
32
+ as: "h5",
33
33
  key: i,
34
34
  className: classes.title
35
35
  }, icon && i === 0 && /*#__PURE__*/React.createElement("div", {
36
36
  className: cn('icon')
37
37
  }, icon), titleItem);
38
38
  });
39
- }, []);
39
+ }, [classes.title, icon]);
40
40
  var renderDescription = React.useCallback(function (description) {
41
41
  return description && description.map(function (_ref2, j) {
42
42
  var value = _ref2.value,
@@ -53,7 +53,7 @@ var Property = function Property(_ref) {
53
53
  }
54
54
  }));
55
55
  });
56
- }, []);
56
+ }, [classes.openedDescription, classes.toggleDescription]);
57
57
  var getColumnConfig = React.useCallback(function () {
58
58
  return fullWidth ? {
59
59
  all: '12'
@@ -1,8 +1,8 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { Collapse } from '@megafon/ui-core';
5
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
6
6
  import "./PropertyDescription.css";
7
7
  var cn = cnCreate('mfui-beta-property-description');
8
8
 
@@ -1,8 +1,8 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { Header } from '@megafon/ui-core';
5
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
6
6
  import "./Steps.css";
7
7
  var cn = cnCreate('mfui-beta-steps');
8
8
 
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import { Paragraph } from '@megafon/ui-core';
4
3
  import { cnCreate } from '@megafon/ui-helpers';
4
+ import PropTypes from 'prop-types';
5
5
  import "./StepsItem.css";
6
6
  var cn = cnCreate('mfui-beta-steps-item');
7
7
 
@@ -1,9 +1,9 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
4
  import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
6
5
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
6
+ import PropTypes from 'prop-types';
7
7
  import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
8
8
  import "./StoreBanner.css";
9
9
  export var Theme = {
@@ -1,8 +1,8 @@
1
1
  import "core-js/modules/es.object.values";
2
2
  import * as React from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { Link } from '@megafon/ui-core';
5
4
  import { cnCreate } from '@megafon/ui-helpers';
5
+ import PropTypes from 'prop-types';
6
6
  import "./StoreButton.css";
7
7
  export var Theme;
8
8
 
@@ -1,10 +1,10 @@
1
1
  import "core-js/modules/es.array.map";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import * as React from 'react';
4
- import * as PropTypes from 'prop-types';
5
- import throttle from 'lodash.throttle';
6
- import convert from 'htmr';
7
4
  import { cnCreate, detectTouch } from '@megafon/ui-helpers';
5
+ import convert from 'htmr';
6
+ import throttle from 'lodash.throttle';
7
+ import * as PropTypes from 'prop-types';
8
8
  import "./Table.css";
9
9
  var cn = cnCreate('mfui-beta-table');
10
10
 
@@ -7,6 +7,7 @@ var TableRow = function TableRow(_ref) {
7
7
  };
8
8
 
9
9
  TableRow.propTypes = {
10
+ // eslint-disable-next-line react/no-unused-prop-types
10
11
  head: PropTypes.bool,
11
12
  children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
12
13
  };
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
- import { cnCreate } from '@megafon/ui-helpers';
4
2
  import { Grid, GridColumn } from '@megafon/ui-core';
3
+ import { cnCreate } from '@megafon/ui-helpers';
4
+ import * as PropTypes from 'prop-types';
5
5
  import "./TextBox.css";
6
6
  var cn = cnCreate('mfui-beta-text-box');
7
7
 
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import * as PropTypes from 'prop-types';
3
2
  import { cnCreate } from '@megafon/ui-helpers';
3
+ import * as PropTypes from 'prop-types';
4
4
  import "./TextBoxPicture.css";
5
5
  export var pictureMarginTypes = {
6
6
  DEFAULT: 'default',
@@ -20,7 +20,8 @@ var TextBoxPicture = function TextBoxPicture(_ref) {
20
20
  })
21
21
  }, /*#__PURE__*/React.createElement("img", {
22
22
  className: cn('img'),
23
- src: url
23
+ src: url,
24
+ alt: ""
24
25
  }));
25
26
  };
26
27
 
@@ -2,9 +2,9 @@ import "core-js/modules/es.symbol";
2
2
  import "core-js/modules/es.symbol.description";
3
3
  import _extends from "@babel/runtime/helpers/extends";
4
4
  import * as React from 'react';
5
- import * as PropTypes from 'prop-types';
6
5
  import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
7
6
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
+ import * as PropTypes from 'prop-types';
8
8
  import "./TitleDescriptionBox.css";
9
9
  var cn = cnCreate('mfui-beta-title-description-box');
10
10