@megafon/ui-shared 4.3.0 → 4.4.0

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 (14) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +7 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +7 -2
  4. package/dist/es/components/ButtonBanner/ButtonBanner.js +3 -3
  5. package/dist/es/components/Card/Card.js +3 -3
  6. package/dist/es/components/StoreBanner/StoreBanner.js +3 -3
  7. package/dist/es/components/VideoBanner/VideoBanner.js +43 -79
  8. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +7 -2
  9. package/dist/lib/components/AccordionBox/AccordionBox.js +7 -2
  10. package/dist/lib/components/ButtonBanner/ButtonBanner.js +2 -2
  11. package/dist/lib/components/Card/Card.js +2 -2
  12. package/dist/lib/components/StoreBanner/StoreBanner.js +2 -2
  13. package/dist/lib/components/VideoBanner/VideoBanner.js +43 -77
  14. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
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
+ # [4.4.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.3.0...@megafon/ui-shared@4.4.0) (2022-10-31)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **accordionbox:** fix dataAttrs props ([46e0b05](https://github.com/MegafonWebLab/megafon-ui/commit/46e0b05c3a18d9a730c360a59f4dfef78013827d))
12
+
13
+
14
+ ### Features
15
+
16
+ * **buttonbunner:** allow using html: br, &nbsp, font color, a href in title plus b in text ([8efa64c](https://github.com/MegafonWebLab/megafon-ui/commit/8efa64c871efb55b7b3a5da21cf70daaed5ac005))
17
+ * **card:** allow using html: br, &nbsp, font color, a href in title plus b in text ([897a264](https://github.com/MegafonWebLab/megafon-ui/commit/897a264d6eaac5c34731dd4f2a6d0a7cd3a1a3f7))
18
+ * **storebanner:** allow using html: br, &nbsp, font color, a href in title plus b in text ([2e44056](https://github.com/MegafonWebLab/megafon-ui/commit/2e440569bb3538c09ce3331138119ca1334a7861))
19
+ * **videobanner:** change convert info source from local to common ([5bcff34](https://github.com/MegafonWebLab/megafon-ui/commit/5bcff34de8eb00dcddf38e53e3c8fa4a4cb86cab))
20
+
21
+
22
+
23
+
24
+
6
25
  # [4.3.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.2.1...@megafon/ui-shared@4.3.0) (2022-10-24)
7
26
 
8
27
 
@@ -116,8 +135,13 @@ size prop small vallue removed
116
135
  new sizes
117
136
  * **breadcrumbs:** color is now depends on current theme. by default it matches content text color.
118
137
  for keep black color on light background use 'black' value for prop 'color'.
138
+ * **breadcrumbs:** remove prop 'component'
119
139
  * **paragraph:** prop 'size' is no longer exists.
120
140
  use component Caption instead of Paragraph size="small"
141
+ * **benefitpictures:** rename prop 'hAlign' to 'align'
142
+ * **buttonlinkbox:** rename prop 'hAlign' to 'align'
143
+ * **tiledescriptionbox:** rename prop 'hAlign' to 'align'
144
+ * **textwithicon:** remove prop 'centeringOnMobile'
121
145
 
122
146
 
123
147
 
package/dist/es/components/AccordionBox/AccordionBox.d.ts CHANGED
@@ -4,8 +4,13 @@ export interface IAccordionBox {
4
4
  /** Дополнительные data атрибуты к внутренним элементам */
5
5
  dataAttrs?: {
6
6
  root?: Record<string, string>;
7
- header?: Record<string, string>;
8
- collapse?: Record<string, string>;
7
+ header?: {
8
+ root: Record<string, string>;
9
+ };
10
+ collapse?: {
11
+ root?: Record<string, string>;
12
+ inner?: Record<string, string>;
13
+ };
9
14
  titleWrap?: Record<string, string>;
10
15
  arrowUp?: Record<string, string>;
11
16
  arrowDown?: Record<string, string>;
package/dist/es/components/AccordionBox/AccordionBox.js CHANGED
@@ -39,8 +39,13 @@ var AccordionBox = function AccordionBox(_a) {
39
39
  AccordionBox.propTypes = {
40
40
  dataAttrs: PropTypes.shape({
41
41
  root: PropTypes.objectOf(PropTypes.string.isRequired),
42
- header: PropTypes.objectOf(PropTypes.string.isRequired),
43
- collapse: PropTypes.objectOf(PropTypes.string.isRequired),
42
+ header: PropTypes.shape({
43
+ root: PropTypes.objectOf(PropTypes.string.isRequired)
44
+ }),
45
+ collapse: PropTypes.shape({
46
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
47
+ inner: PropTypes.objectOf(PropTypes.string.isRequired)
48
+ }),
44
49
  titleWrap: PropTypes.objectOf(PropTypes.string.isRequired),
45
50
  arrowUp: PropTypes.objectOf(PropTypes.string.isRequired),
46
51
  arrowDown: PropTypes.objectOf(PropTypes.string.isRequired)
package/dist/es/components/ButtonBanner/ButtonBanner.js CHANGED
@@ -2,7 +2,7 @@ import "core-js/modules/es.object.values";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import React from 'react';
4
4
  import { Button, Grid, GridColumn, Header } from '@megafon/ui-core';
5
- import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
5
+ import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
6
6
  import * as PropTypes from 'prop-types';
7
7
  import "./ButtonBanner.css";
8
8
  export var ButtonColor = {
@@ -76,9 +76,9 @@ var ButtonBanner = function ButtonBanner(_ref) {
76
76
  }, /*#__PURE__*/React.createElement(Header, {
77
77
  className: cn('header'),
78
78
  as: "h2"
79
- }, title), /*#__PURE__*/React.createElement("div", {
79
+ }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
80
80
  className: cn('text')
81
- }, text), !!imageUrl && buttonElem)), /*#__PURE__*/React.createElement(GridColumn, {
81
+ }, typeof text === 'string' ? convert(text, textConvertConfig) : text), !!imageUrl && buttonElem)), /*#__PURE__*/React.createElement(GridColumn, {
82
82
  all: "5",
83
83
  mobile: "12"
84
84
  }, /*#__PURE__*/React.createElement("div", {
package/dist/es/components/Card/Card.js CHANGED
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
4
4
  import React from 'react';
5
5
  import "./Card.css";
6
6
  import { Header, Button, TextLink, Link } from '@megafon/ui-core';
7
- import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
7
+ import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
8
8
  import PropTypes from 'prop-types';
9
9
  export var Target = {
10
10
  SELF: '_self',
@@ -142,9 +142,9 @@ var Card = function Card(_ref) {
142
142
  }, /*#__PURE__*/React.createElement(React.Fragment, null, renderImage(), /*#__PURE__*/React.createElement(Header, {
143
143
  as: "h3",
144
144
  className: cn('title')
145
- }, title), !!text && /*#__PURE__*/React.createElement("div", {
145
+ }, typeof title === 'string' ? convert(title, titleConvertConfig) : title), !!text && /*#__PURE__*/React.createElement("div", {
146
146
  className: cn('text')
147
- }, text), renderBtnsWrapper())));
147
+ }, typeof text === 'string' ? convert(text, textConvertConfig) : text), renderBtnsWrapper())));
148
148
  };
149
149
 
150
150
  Card.propTypes = {
package/dist/es/components/StoreBanner/StoreBanner.js CHANGED
@@ -2,7 +2,7 @@ import "core-js/modules/es.object.values";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { Button, Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
5
- import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
5
+ import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
6
6
  import PropTypes from 'prop-types';
7
7
  import StoreButton, { Theme as StoreButtonTheme } from "../StoreButton/StoreButton";
8
8
  import "./StoreBanner.css";
@@ -65,11 +65,11 @@ var StoreBanner = function StoreBanner(_ref) {
65
65
  as: "h2",
66
66
  className: cn('title'),
67
67
  color: "inherit"
68
- }, title), /*#__PURE__*/React.createElement(Paragraph, {
68
+ }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement(Paragraph, {
69
69
  className: cn('text'),
70
70
  hasMargin: false,
71
71
  color: "inherit"
72
- }, text), /*#__PURE__*/React.createElement("div", {
72
+ }, convert(text, textConvertConfig)), /*#__PURE__*/React.createElement("div", {
73
73
  className: cn('links', {
74
74
  three: !!linkApple && !!linkGoogle && !!linkHuawei
75
75
  })
package/dist/es/components/VideoBanner/VideoBanner.js CHANGED
@@ -3,11 +3,11 @@ import "core-js/modules/es.symbol.description";
3
3
  import "core-js/modules/es.array.concat";
4
4
  import "core-js/modules/es.object.values";
5
5
  import "core-js/modules/es.string.link";
6
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
7
6
  import _extends from "@babel/runtime/helpers/extends";
7
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
8
8
  import React from 'react';
9
9
  import { Button, Header, ContentArea, TextLink, Grid, GridColumn } from '@megafon/ui-core';
10
- import { breakpoints, cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
10
+ import { breakpoints, cnCreate, filterDataAttrs, convert, titleConvertConfig } from '@megafon/ui-helpers';
11
11
  import throttle from 'lodash.throttle';
12
12
  import * as PropTypes from 'prop-types';
13
13
  import throttleTime from "../../constants/throttleTime";
@@ -33,42 +33,6 @@ var typographyConfig = {
33
33
  }
34
34
  }
35
35
  };
36
-
37
- var textConfig = _extends(_extends({}, typographyConfig), {
38
- br: {
39
- component: function component() {
40
- return /*#__PURE__*/React.createElement("br", null);
41
- }
42
- },
43
- '&nbsp': {
44
- component: function component() {
45
- return /*#__PURE__*/React.createElement(React.Fragment, null, "String.fromCharCode(160)");
46
- }
47
- },
48
- a: {
49
- component: function component(_ref2) {
50
- var href = _ref2.href,
51
- children = _ref2.children;
52
- return /*#__PURE__*/React.createElement("a", {
53
- href: href
54
- }, children);
55
- },
56
- props: ['href']
57
- },
58
- font: {
59
- component: function component(_ref3) {
60
- var color = _ref3.color,
61
- children = _ref3.children;
62
- return /*#__PURE__*/React.createElement("span", {
63
- style: {
64
- color: color
65
- }
66
- }, children);
67
- },
68
- props: ['color']
69
- }
70
- });
71
-
72
36
  export var VideoType = {
73
37
  YOUTUBE: 'youtube',
74
38
  VIDEO: 'video'
@@ -82,26 +46,26 @@ export var TextColor = {
82
46
  WHITE: 'white'
83
47
  };
84
48
 
85
- var VideoBanner = function VideoBanner(_ref4) {
86
- var dataAttrs = _ref4.dataAttrs,
87
- className = _ref4.className,
88
- _ref4$classes = _ref4.classes,
89
- classes = _ref4$classes === void 0 ? {} : _ref4$classes,
90
- rootRef = _ref4.rootRef,
91
- videoSrc = _ref4.videoSrc,
92
- videoType = _ref4.videoType,
93
- imageMobile = _ref4.imageMobile,
94
- imageTablet = _ref4.imageTablet,
95
- _ref4$imageDesktop = _ref4.imageDesktop,
96
- imageDesktop = _ref4$imageDesktop === void 0 ? '' : _ref4$imageDesktop,
97
- _ref4$imageDesktopWid = _ref4.imageDesktopWide,
98
- imageDesktopWide = _ref4$imageDesktopWid === void 0 ? '' : _ref4$imageDesktopWid,
99
- content = _ref4.content,
100
- _ref4$isMuted = _ref4.isMuted,
101
- isMuted = _ref4$isMuted === void 0 ? true : _ref4$isMuted,
102
- breadcrumbs = _ref4.breadcrumbs,
103
- _ref4$videoMobile = _ref4.videoMobile,
104
- videoMobile = _ref4$videoMobile === void 0 ? false : _ref4$videoMobile;
49
+ var VideoBanner = function VideoBanner(_ref2) {
50
+ var dataAttrs = _ref2.dataAttrs,
51
+ className = _ref2.className,
52
+ _ref2$classes = _ref2.classes,
53
+ classes = _ref2$classes === void 0 ? {} : _ref2$classes,
54
+ rootRef = _ref2.rootRef,
55
+ videoSrc = _ref2.videoSrc,
56
+ videoType = _ref2.videoType,
57
+ imageMobile = _ref2.imageMobile,
58
+ imageTablet = _ref2.imageTablet,
59
+ _ref2$imageDesktop = _ref2.imageDesktop,
60
+ imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
61
+ _ref2$imageDesktopWid = _ref2.imageDesktopWide,
62
+ imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
63
+ content = _ref2.content,
64
+ _ref2$isMuted = _ref2.isMuted,
65
+ isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
66
+ breadcrumbs = _ref2.breadcrumbs,
67
+ _ref2$videoMobile = _ref2.videoMobile,
68
+ videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
105
69
 
106
70
  var _React$useState = React.useState(true),
107
71
  _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -110,25 +74,25 @@ var VideoBanner = function VideoBanner(_ref4) {
110
74
 
111
75
  var isVideoData = !!videoSrc && !!videoType;
112
76
  var isRenderVideo = (!isMobile || videoMobile) && isVideoData;
113
- var renderContent = React.useCallback(function (_ref5) {
114
- var title = _ref5.title,
115
- description = _ref5.description,
116
- buttonTitle = _ref5.buttonTitle,
117
- buttonHref = _ref5.buttonHref,
118
- buttonTarget = _ref5.buttonTarget,
119
- buttonDownload = _ref5.buttonDownload,
120
- _ref5$buttonColor = _ref5.buttonColor,
121
- buttonColor = _ref5$buttonColor === void 0 ? ButtonColor.GREEN : _ref5$buttonColor,
122
- onButtonClick = _ref5.onButtonClick,
123
- onLinkClick = _ref5.onLinkClick,
124
- _ref5$textColor = _ref5.textColor,
125
- textColor = _ref5$textColor === void 0 ? TextColor.BLACK : _ref5$textColor,
126
- textColorMobile = _ref5.textColorMobile,
127
- linkTitle = _ref5.linkTitle,
128
- linkUrl = _ref5.linkUrl,
129
- linkTarget = _ref5.linkTarget,
130
- linkDownload = _ref5.linkDownload,
131
- cost = _ref5.cost;
77
+ var renderContent = React.useCallback(function (_ref3) {
78
+ var title = _ref3.title,
79
+ description = _ref3.description,
80
+ buttonTitle = _ref3.buttonTitle,
81
+ buttonHref = _ref3.buttonHref,
82
+ buttonTarget = _ref3.buttonTarget,
83
+ buttonDownload = _ref3.buttonDownload,
84
+ _ref3$buttonColor = _ref3.buttonColor,
85
+ buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
86
+ onButtonClick = _ref3.onButtonClick,
87
+ onLinkClick = _ref3.onLinkClick,
88
+ _ref3$textColor = _ref3.textColor,
89
+ textColor = _ref3$textColor === void 0 ? TextColor.BLACK : _ref3$textColor,
90
+ textColorMobile = _ref3.textColorMobile,
91
+ linkTitle = _ref3.linkTitle,
92
+ linkUrl = _ref3.linkUrl,
93
+ linkTarget = _ref3.linkTarget,
94
+ linkDownload = _ref3.linkDownload,
95
+ cost = _ref3.cost;
132
96
  return /*#__PURE__*/React.createElement(Grid, {
133
97
  className: cn('grid'),
134
98
  guttersLeft: "medium"
@@ -146,13 +110,13 @@ var VideoBanner = function VideoBanner(_ref4) {
146
110
  className: cn('title'),
147
111
  as: "h1",
148
112
  color: "inherit"
149
- }, convert(title, textConfig)), /*#__PURE__*/React.createElement("div", {
113
+ }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
150
114
  className: cn('text')
151
115
  }, /*#__PURE__*/React.createElement(Header, {
152
116
  as: "h5",
153
117
  color: "inherit",
154
118
  className: cn('description')
155
- }, convert(description, textConfig)), cost && /*#__PURE__*/React.createElement("div", {
119
+ }, convert(description, titleConvertConfig)), cost && /*#__PURE__*/React.createElement("div", {
156
120
  className: cn('cost')
157
121
  }, convert(cost, typographyConfig))), /*#__PURE__*/React.createElement("div", {
158
122
  className: cn('btns-wrapper')
package/dist/lib/components/AccordionBox/AccordionBox.d.ts CHANGED
@@ -4,8 +4,13 @@ export interface IAccordionBox {
4
4
  /** Дополнительные data атрибуты к внутренним элементам */
5
5
  dataAttrs?: {
6
6
  root?: Record<string, string>;
7
- header?: Record<string, string>;
8
- collapse?: Record<string, string>;
7
+ header?: {
8
+ root: Record<string, string>;
9
+ };
10
+ collapse?: {
11
+ root?: Record<string, string>;
12
+ inner?: Record<string, string>;
13
+ };
9
14
  titleWrap?: Record<string, string>;
10
15
  arrowUp?: Record<string, string>;
11
16
  arrowDown?: Record<string, string>;
package/dist/lib/components/AccordionBox/AccordionBox.js CHANGED
@@ -57,8 +57,13 @@ var AccordionBox = function AccordionBox(_a) {
57
57
  AccordionBox.propTypes = {
58
58
  dataAttrs: PropTypes.shape({
59
59
  root: PropTypes.objectOf(PropTypes.string.isRequired),
60
- header: PropTypes.objectOf(PropTypes.string.isRequired),
61
- collapse: PropTypes.objectOf(PropTypes.string.isRequired),
60
+ header: PropTypes.shape({
61
+ root: PropTypes.objectOf(PropTypes.string.isRequired)
62
+ }),
63
+ collapse: PropTypes.shape({
64
+ root: PropTypes.objectOf(PropTypes.string.isRequired),
65
+ inner: PropTypes.objectOf(PropTypes.string.isRequired)
66
+ }),
62
67
  titleWrap: PropTypes.objectOf(PropTypes.string.isRequired),
63
68
  arrowUp: PropTypes.objectOf(PropTypes.string.isRequired),
64
69
  arrowDown: PropTypes.objectOf(PropTypes.string.isRequired)
package/dist/lib/components/ButtonBanner/ButtonBanner.js CHANGED
@@ -101,9 +101,9 @@ var ButtonBanner = function ButtonBanner(_ref) {
101
101
  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
102
102
  className: cn('header'),
103
103
  as: "h2"
104
- }, title), /*#__PURE__*/_react["default"].createElement("div", {
104
+ }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", {
105
105
  className: cn('text')
106
- }, text), !!imageUrl && buttonElem)), /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
106
+ }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text), !!imageUrl && buttonElem)), /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
107
107
  all: "5",
108
108
  mobile: "12"
109
109
  }, /*#__PURE__*/_react["default"].createElement("div", {
package/dist/lib/components/Card/Card.js CHANGED
@@ -164,9 +164,9 @@ var Card = function Card(_ref) {
164
164
  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderImage(), /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
165
165
  as: "h3",
166
166
  className: cn('title')
167
- }, title), !!text && /*#__PURE__*/_react["default"].createElement("div", {
167
+ }, typeof title === 'string' ? (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig) : title), !!text && /*#__PURE__*/_react["default"].createElement("div", {
168
168
  className: cn('text')
169
- }, text), renderBtnsWrapper())));
169
+ }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text), renderBtnsWrapper())));
170
170
  };
171
171
 
172
172
  Card.propTypes = {
package/dist/lib/components/StoreBanner/StoreBanner.js CHANGED
@@ -88,11 +88,11 @@ var StoreBanner = function StoreBanner(_ref) {
88
88
  as: "h2",
89
89
  className: cn('title'),
90
90
  color: "inherit"
91
- }, title), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
91
+ }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
92
92
  className: cn('text'),
93
93
  hasMargin: false,
94
94
  color: "inherit"
95
- }, text), /*#__PURE__*/React.createElement("div", {
95
+ }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)), /*#__PURE__*/React.createElement("div", {
96
96
  className: cn('links', {
97
97
  three: !!linkApple && !!linkGoogle && !!linkHuawei
98
98
  })
package/dist/lib/components/VideoBanner/VideoBanner.js CHANGED
@@ -17,10 +17,10 @@ require("core-js/modules/es.object.values");
17
17
 
18
18
  require("core-js/modules/es.string.link");
19
19
 
20
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
21
-
22
20
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
23
21
 
22
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
23
+
24
24
  var _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _uiCore = require("@megafon/ui-core");
@@ -62,40 +62,6 @@ var typographyConfig = {
62
62
  }
63
63
  }
64
64
  };
65
- var textConfig = (0, _extends2["default"])((0, _extends2["default"])({}, typographyConfig), {
66
- br: {
67
- component: function component() {
68
- return /*#__PURE__*/_react["default"].createElement("br", null);
69
- }
70
- },
71
- '&nbsp': {
72
- component: function component() {
73
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "String.fromCharCode(160)");
74
- }
75
- },
76
- a: {
77
- component: function component(_ref2) {
78
- var href = _ref2.href,
79
- children = _ref2.children;
80
- return /*#__PURE__*/_react["default"].createElement("a", {
81
- href: href
82
- }, children);
83
- },
84
- props: ['href']
85
- },
86
- font: {
87
- component: function component(_ref3) {
88
- var color = _ref3.color,
89
- children = _ref3.children;
90
- return /*#__PURE__*/_react["default"].createElement("span", {
91
- style: {
92
- color: color
93
- }
94
- }, children);
95
- },
96
- props: ['color']
97
- }
98
- });
99
65
  var VideoType = {
100
66
  YOUTUBE: 'youtube',
101
67
  VIDEO: 'video'
@@ -112,26 +78,26 @@ var TextColor = {
112
78
  };
113
79
  exports.TextColor = TextColor;
114
80
 
115
- var VideoBanner = function VideoBanner(_ref4) {
116
- var dataAttrs = _ref4.dataAttrs,
117
- className = _ref4.className,
118
- _ref4$classes = _ref4.classes,
119
- classes = _ref4$classes === void 0 ? {} : _ref4$classes,
120
- rootRef = _ref4.rootRef,
121
- videoSrc = _ref4.videoSrc,
122
- videoType = _ref4.videoType,
123
- imageMobile = _ref4.imageMobile,
124
- imageTablet = _ref4.imageTablet,
125
- _ref4$imageDesktop = _ref4.imageDesktop,
126
- imageDesktop = _ref4$imageDesktop === void 0 ? '' : _ref4$imageDesktop,
127
- _ref4$imageDesktopWid = _ref4.imageDesktopWide,
128
- imageDesktopWide = _ref4$imageDesktopWid === void 0 ? '' : _ref4$imageDesktopWid,
129
- content = _ref4.content,
130
- _ref4$isMuted = _ref4.isMuted,
131
- isMuted = _ref4$isMuted === void 0 ? true : _ref4$isMuted,
132
- breadcrumbs = _ref4.breadcrumbs,
133
- _ref4$videoMobile = _ref4.videoMobile,
134
- videoMobile = _ref4$videoMobile === void 0 ? false : _ref4$videoMobile;
81
+ var VideoBanner = function VideoBanner(_ref2) {
82
+ var dataAttrs = _ref2.dataAttrs,
83
+ className = _ref2.className,
84
+ _ref2$classes = _ref2.classes,
85
+ classes = _ref2$classes === void 0 ? {} : _ref2$classes,
86
+ rootRef = _ref2.rootRef,
87
+ videoSrc = _ref2.videoSrc,
88
+ videoType = _ref2.videoType,
89
+ imageMobile = _ref2.imageMobile,
90
+ imageTablet = _ref2.imageTablet,
91
+ _ref2$imageDesktop = _ref2.imageDesktop,
92
+ imageDesktop = _ref2$imageDesktop === void 0 ? '' : _ref2$imageDesktop,
93
+ _ref2$imageDesktopWid = _ref2.imageDesktopWide,
94
+ imageDesktopWide = _ref2$imageDesktopWid === void 0 ? '' : _ref2$imageDesktopWid,
95
+ content = _ref2.content,
96
+ _ref2$isMuted = _ref2.isMuted,
97
+ isMuted = _ref2$isMuted === void 0 ? true : _ref2$isMuted,
98
+ breadcrumbs = _ref2.breadcrumbs,
99
+ _ref2$videoMobile = _ref2.videoMobile,
100
+ videoMobile = _ref2$videoMobile === void 0 ? false : _ref2$videoMobile;
135
101
 
136
102
  var _React$useState = _react["default"].useState(true),
137
103
  _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -141,25 +107,25 @@ var VideoBanner = function VideoBanner(_ref4) {
141
107
  var isVideoData = !!videoSrc && !!videoType;
142
108
  var isRenderVideo = (!isMobile || videoMobile) && isVideoData;
143
109
 
144
- var renderContent = _react["default"].useCallback(function (_ref5) {
145
- var title = _ref5.title,
146
- description = _ref5.description,
147
- buttonTitle = _ref5.buttonTitle,
148
- buttonHref = _ref5.buttonHref,
149
- buttonTarget = _ref5.buttonTarget,
150
- buttonDownload = _ref5.buttonDownload,
151
- _ref5$buttonColor = _ref5.buttonColor,
152
- buttonColor = _ref5$buttonColor === void 0 ? ButtonColor.GREEN : _ref5$buttonColor,
153
- onButtonClick = _ref5.onButtonClick,
154
- onLinkClick = _ref5.onLinkClick,
155
- _ref5$textColor = _ref5.textColor,
156
- textColor = _ref5$textColor === void 0 ? TextColor.BLACK : _ref5$textColor,
157
- textColorMobile = _ref5.textColorMobile,
158
- linkTitle = _ref5.linkTitle,
159
- linkUrl = _ref5.linkUrl,
160
- linkTarget = _ref5.linkTarget,
161
- linkDownload = _ref5.linkDownload,
162
- cost = _ref5.cost;
110
+ var renderContent = _react["default"].useCallback(function (_ref3) {
111
+ var title = _ref3.title,
112
+ description = _ref3.description,
113
+ buttonTitle = _ref3.buttonTitle,
114
+ buttonHref = _ref3.buttonHref,
115
+ buttonTarget = _ref3.buttonTarget,
116
+ buttonDownload = _ref3.buttonDownload,
117
+ _ref3$buttonColor = _ref3.buttonColor,
118
+ buttonColor = _ref3$buttonColor === void 0 ? ButtonColor.GREEN : _ref3$buttonColor,
119
+ onButtonClick = _ref3.onButtonClick,
120
+ onLinkClick = _ref3.onLinkClick,
121
+ _ref3$textColor = _ref3.textColor,
122
+ textColor = _ref3$textColor === void 0 ? TextColor.BLACK : _ref3$textColor,
123
+ textColorMobile = _ref3.textColorMobile,
124
+ linkTitle = _ref3.linkTitle,
125
+ linkUrl = _ref3.linkUrl,
126
+ linkTarget = _ref3.linkTarget,
127
+ linkDownload = _ref3.linkDownload,
128
+ cost = _ref3.cost;
163
129
  return /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
164
130
  className: cn('grid'),
165
131
  guttersLeft: "medium"
@@ -177,13 +143,13 @@ var VideoBanner = function VideoBanner(_ref4) {
177
143
  className: cn('title'),
178
144
  as: "h1",
179
145
  color: "inherit"
180
- }, (0, _uiHelpers.convert)(title, textConfig)), /*#__PURE__*/_react["default"].createElement("div", {
146
+ }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", {
181
147
  className: cn('text')
182
148
  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
183
149
  as: "h5",
184
150
  color: "inherit",
185
151
  className: cn('description')
186
- }, (0, _uiHelpers.convert)(description, textConfig)), cost && /*#__PURE__*/_react["default"].createElement("div", {
152
+ }, (0, _uiHelpers.convert)(description, _uiHelpers.titleConvertConfig)), cost && /*#__PURE__*/_react["default"].createElement("div", {
187
153
  className: cn('cost')
188
154
  }, (0, _uiHelpers.convert)(cost, typographyConfig))), /*#__PURE__*/_react["default"].createElement("div", {
189
155
  className: cn('btns-wrapper')
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "4.3.0",
3
+ "version": "4.4.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -52,7 +52,7 @@
52
52
  "@babel/preset-env": "^7.8.6",
53
53
  "@babel/preset-react": "^7.8.3",
54
54
  "@babel/preset-typescript": "^7.8.3",
55
- "@megafon/ui-icons": "^2.2.0",
55
+ "@megafon/ui-icons": "^2.3.0",
56
56
  "@svgr/core": "^2.4.1",
57
57
  "@testing-library/jest-dom": "5.16.2",
58
58
  "@testing-library/react": "12.1.2",
@@ -85,13 +85,13 @@
85
85
  },
86
86
  "dependencies": {
87
87
  "@babel/runtime": "^7.8.4",
88
- "@megafon/ui-core": "^4.5.1",
89
- "@megafon/ui-helpers": "^2.2.0",
88
+ "@megafon/ui-core": "^4.6.0",
89
+ "@megafon/ui-helpers": "^2.3.0",
90
90
  "core-js": "^3.6.4",
91
91
  "htmr": "^0.9.2",
92
92
  "lodash.throttle": "^4.1.1",
93
93
  "prop-types": "^15.7.2",
94
94
  "swiper": "^6.5.6"
95
95
  },
96
- "gitHead": "08dd535c268cf6cd4f7c30d66845e5f16aa7b14d"
96
+ "gitHead": "fd77e756d2591ad3489e94c585d40bfa05e40710"
97
97
  }