@megafon/ui-shared 5.2.1 → 5.2.3

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.2.3](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.2.2...@megafon/ui-shared@5.2.3) (2023-11-22)
+
+
+### Bug Fixes
+
+* **buttonlinkbox:** fixed align prop type ([2853625](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/2853625a89a85f3cdb2f92a642a3331c95e23c4c))
+
+
+
+
+
+## [5.2.2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.2.1...@megafon/ui-shared@5.2.2) (2023-11-08)
+
+
+### Bug Fixes
+
+* **storebanner:** add button class ([80645ab](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/80645ab5a8a634746632ddb6c997a7045e431796))
+
+
+
+
+
 ## [5.2.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.2.0...@megafon/ui-shared@5.2.1) (2023-10-17)
 
 **Note:** Version bump only for package @megafon/ui-shared

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -86,7 +86,7 @@ ButtonLinkBox.propTypes = {
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
   linkRel: PropTypes.string,
-  align: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center', 'left']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func
 };

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

@@ -74,6 +74,7 @@ export interface IStoreBannerProps {
         huaweiLink?: string;
         miStoreLink?: string;
         ruStoreLink?: string;
+        button?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/es/components/StoreBanner/StoreBanner.js

@@ -33,6 +33,7 @@ var StoreBanner = function StoreBanner(_ref) {
       huaweiLinkClassName = _ref$classes.huaweiLink,
       miStoreLinkClassName = _ref$classes.miStoreLink,
       ruStoreLinkClassName = _ref$classes.ruStoreLink,
+      buttonClassName = _ref$classes.button,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
@@ -166,7 +167,7 @@ var StoreBanner = function StoreBanner(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
-    className: cn('button'),
+    className: cn('button', [buttonClassName]),
     href: linkButton,
     rel: rel,
     theme: theme === 'green' ? 'purple' : 'green'
@@ -214,7 +215,8 @@ StoreBanner.propTypes = {
     googleLink: PropTypes.string,
     huaweiLink: PropTypes.string,
     miStoreLink: PropTypes.string,
-    ruStoreLink: PropTypes.string
+    ruStoreLink: PropTypes.string,
+    button: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType

package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -6,6 +6,7 @@ import { Header, Paragraph, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./TitleDescriptionBox.css";
+var testIdPrefix = 'TitleDescriptionBox';
 var cn = cnCreate('mfui-title-description-box');
 
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
@@ -21,12 +22,18 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
       return /*#__PURE__*/React.createElement(Paragraph, {
         className: cn('item'),
         hasMargin: false,
-        color: "inherit"
+        color: "inherit",
+        dataAttrs: {
+          root: {
+            'data-testid': "".concat(testIdPrefix, "-description-text")
+          }
+        }
       }, description);
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('description')
+      className: cn('description'),
+      "data-testid": "".concat(testIdPrefix, "-description-node")
     }, description);
   }, [description]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
@@ -36,7 +43,12 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(Grid, {
-    hAlign: align
+    hAlign: align,
+    dataAttrs: {
+      container: {
+        'data-testid': "".concat(testIdPrefix, "-grid")
+      }
+    }
   }, /*#__PURE__*/React.createElement(GridColumn, {
     wide: "8",
     desktop: "10"

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js

@@ -106,7 +106,7 @@ ButtonLinkBox.propTypes = {
   linkUrl: PropTypes.string,
   linkDownload: PropTypes.bool,
   linkRel: PropTypes.string,
-  align: PropTypes.oneOf(['center']),
+  align: PropTypes.oneOf(['center', 'left']),
   onButtonClick: PropTypes.func,
   onLinkClick: PropTypes.func
 };

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

@@ -74,6 +74,7 @@ export interface IStoreBannerProps {
         huaweiLink?: string;
         miStoreLink?: string;
         ruStoreLink?: string;
+        button?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/lib/components/StoreBanner/StoreBanner.js

@@ -56,6 +56,7 @@ var StoreBanner = function StoreBanner(_ref) {
       huaweiLinkClassName = _ref$classes.huaweiLink,
       miStoreLinkClassName = _ref$classes.miStoreLink,
       ruStoreLinkClassName = _ref$classes.ruStoreLink,
+      buttonClassName = _ref$classes.button,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
@@ -189,7 +190,7 @@ var StoreBanner = function StoreBanner(_ref) {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
-    className: cn('button'),
+    className: cn('button', [buttonClassName]),
     href: linkButton,
     rel: rel,
     theme: theme === 'green' ? 'purple' : 'green'
@@ -237,7 +238,8 @@ StoreBanner.propTypes = {
     googleLink: _propTypes["default"].string,
     huaweiLink: _propTypes["default"].string,
     miStoreLink: _propTypes["default"].string,
-    ruStoreLink: _propTypes["default"].string
+    ruStoreLink: _propTypes["default"].string,
+    button: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js

@@ -27,6 +27,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var testIdPrefix = 'TitleDescriptionBox';
 var cn = (0, _uiHelpers.cnCreate)('mfui-title-description-box');
 
 var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
@@ -42,12 +43,18 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
       return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
         className: cn('item'),
         hasMargin: false,
-        color: "inherit"
+        color: "inherit",
+        dataAttrs: {
+          root: {
+            'data-testid': "".concat(testIdPrefix, "-description-text")
+          }
+        }
       }, description);
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('description')
+      className: cn('description'),
+      "data-testid": "".concat(testIdPrefix, "-description-node")
     }, description);
   }, [description]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
@@ -57,7 +64,12 @@ var TitleDescriptionBox = function TitleDescriptionBox(_ref) {
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
-    hAlign: align
+    hAlign: align,
+    dataAttrs: {
+      container: {
+        'data-testid': "".concat(testIdPrefix, "-grid")
+      }
+    }
   }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
     wide: "8",
     desktop: "10"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "5.2.1",
+  "version": "5.2.3",
   "files": [
     "dist"
   ],
@@ -48,7 +48,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.14.1",
+    "@megafon/ui-icons": "^2.15.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.2.3",
+    "@megafon/ui-core": "^5.4.0",
     "@megafon/ui-helpers": "^2.5.3",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "1bb6769da99d917f5dd4420892c57a7af5be3ab4"
+  "gitHead": "e78c7c397c514016ee74020939dc3807e09bf49a"
 }