@megafon/ui-shared 4.16.0 → 4.17.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.17.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.16.0...@megafon/ui-shared@4.17.0) (2023-04-11)
+
+
+### Features
+
+* **storebanner:** add RuStore and MiStore buttons ([9ed93d1](https://github.com/MegafonWebLab/megafon-ui/commit/9ed93d1e972276d18e8f955d42b665cf18aa8af4))
+
+
+
+
+
 # [4.16.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.15.1...@megafon/ui-shared@4.16.0) (2023-04-04)
 
 

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

@@ -31,10 +31,18 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Huawei App Gallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei App Gallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -59,6 +67,8 @@ export interface IStoreBannerProps {
         appleLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -69,6 +79,8 @@ export interface IStoreBannerProps {
         linkApple?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -29,11 +29,15 @@ var StoreBanner = function StoreBanner(_ref) {
       appleLinkClassName = _ref$classes.appleLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -48,7 +52,9 @@ var StoreBanner = function StoreBanner(_ref) {
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       theme: theme,
@@ -106,6 +112,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: StoreButtonTheme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
   }), linkHuawei && /*#__PURE__*/React.createElement(StoreButton, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -117,6 +134,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(StoreButton, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: StoreButtonTheme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -150,6 +178,10 @@ StoreBanner.propTypes = {
   onClickGoogle: PropTypes.func,
   linkHuawei: PropTypes.string,
   onClickHuawei: PropTypes.func,
+  linkMiStore: PropTypes.string,
+  onClickMiStore: PropTypes.func,
+  linkRuStore: PropTypes.string,
+  onClickRuStore: PropTypes.func,
   textButton: PropTypes.string,
   linkButton: PropTypes.string,
   rel: PropTypes.string,
@@ -159,7 +191,10 @@ StoreBanner.propTypes = {
   className: PropTypes.string,
   classes: PropTypes.shape({
     appleLink: PropTypes.string,
-    googleLink: PropTypes.string
+    googleLink: PropTypes.string,
+    huaweiLink: PropTypes.string,
+    miStoreLink: PropTypes.string,
+    ruStoreLink: PropTypes.string
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
@@ -170,7 +205,9 @@ StoreBanner.propTypes = {
     button: PropTypes.objectOf(PropTypes.string.isRequired),
     linkApple: PropTypes.objectOf(PropTypes.string.isRequired),
     linkGoogle: PropTypes.objectOf(PropTypes.string.isRequired),
-    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired)
+    linkHuawei: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkMiStore: PropTypes.objectOf(PropTypes.string.isRequired),
+    linkRuStore: PropTypes.objectOf(PropTypes.string.isRequired)
   })
 };
 export default StoreBanner;

package/dist/es/components/StoreButton/StoreButton.css

@@ -13,3 +13,9 @@
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

package/dist/es/components/StoreButton/StoreButton.js

@@ -24,9 +24,11 @@ import "./StoreButton.css";
 export var Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (Theme = {}));
 
 var cn = cnCreate('mfui-store-button');

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

@@ -31,10 +31,18 @@ export interface IStoreBannerProps {
     linkGoogle?: LinkHrefType;
     /** Обработчик клика по ссылке в Google Play */
     onClickGoogle?: LinkOnClickType;
-    /** Ссылка на скачивание приложения в Huawei Store */
+    /** Ссылка на скачивание приложения в Huawei App Gallery */
     linkHuawei?: LinkHrefType;
-    /** Обработчик клика по ссылке в Huawei Store */
+    /** Обработчик клика по ссылке в Huawei App Gallery */
     onClickHuawei?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в RuStore */
+    linkRuStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в RuStore */
+    onClickRuStore?: LinkOnClickType;
+    /** Ссылка на скачивание приложения в Mi App Store */
+    linkMiStore?: LinkHrefType;
+    /** Обработчик клика по ссылке в Mi App Store */
+    onClickMiStore?: LinkOnClickType;
     /**  Текст кнопки */
     textButton?: string;
     /**  Ссылка для  кнопки */
@@ -59,6 +67,8 @@ export interface IStoreBannerProps {
         appleLink?: string;
         googleLink?: string;
         huaweiLink?: string;
+        miStoreLink?: string;
+        ruStoreLink?: string;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -69,6 +79,8 @@ export interface IStoreBannerProps {
         linkApple?: Record<string, string>;
         linkGoogle?: Record<string, string>;
         linkHuawei?: Record<string, string>;
+        linkMiStore?: Record<string, string>;
+        linkRuStore?: Record<string, string>;
     };
 }
 declare const StoreBanner: React.FC<IStoreBannerProps>;

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

@@ -52,11 +52,15 @@ var StoreBanner = function StoreBanner(_ref) {
       appleLinkClassName = _ref$classes.appleLink,
       googleLinkClassName = _ref$classes.googleLink,
       huaweiLinkClassName = _ref$classes.huaweiLink,
+      miStoreLinkClassName = _ref$classes.miStoreLink,
+      ruStoreLinkClassName = _ref$classes.ruStoreLink,
       title = _ref.title,
       text = _ref.text,
       linkApple = _ref.linkApple,
       linkGoogle = _ref.linkGoogle,
       linkHuawei = _ref.linkHuawei,
+      linkMiStore = _ref.linkMiStore,
+      linkRuStore = _ref.linkRuStore,
       linkButton = _ref.linkButton,
       _ref$textButton = _ref.textButton,
       textButton = _ref$textButton === void 0 ? 'Установите приложение' : _ref$textButton,
@@ -71,7 +75,9 @@ var StoreBanner = function StoreBanner(_ref) {
       dataAttrs = _ref.dataAttrs,
       onClickApple = _ref.onClickApple,
       onClickGoogle = _ref.onClickGoogle,
-      onClickHuawei = _ref.onClickHuawei;
+      onClickHuawei = _ref.onClickHuawei,
+      onClickMiStore = _ref.onClickMiStore,
+      onClickRuStore = _ref.onClickRuStore;
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn({
       theme: theme,
@@ -129,6 +135,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'google-play': true
     }, googleLinkClassName),
     onClick: onClickGoogle
+  }), linkRuStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkRuStore
+    },
+    theme: _StoreButton.Theme.RU_STORE,
+    href: linkRuStore,
+    rel: rel,
+    className: cn('store-link', {
+      'ru-store': true
+    }, ruStoreLinkClassName),
+    onClick: onClickRuStore
   }), linkHuawei && /*#__PURE__*/React.createElement(_StoreButton["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkHuawei
@@ -140,6 +157,17 @@ var StoreBanner = function StoreBanner(_ref) {
       'huawei-store': true
     }, huaweiLinkClassName),
     onClick: onClickHuawei
+  }), linkMiStore && /*#__PURE__*/React.createElement(_StoreButton["default"], {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkMiStore
+    },
+    theme: _StoreButton.Theme.MI_STORE,
+    href: linkMiStore,
+    rel: rel,
+    className: cn('store-link', {
+      'mi-store': true
+    }, miStoreLinkClassName),
+    onClick: onClickMiStore
   })), linkButton && /*#__PURE__*/React.createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -173,6 +201,10 @@ StoreBanner.propTypes = {
   onClickGoogle: _propTypes["default"].func,
   linkHuawei: _propTypes["default"].string,
   onClickHuawei: _propTypes["default"].func,
+  linkMiStore: _propTypes["default"].string,
+  onClickMiStore: _propTypes["default"].func,
+  linkRuStore: _propTypes["default"].string,
+  onClickRuStore: _propTypes["default"].func,
   textButton: _propTypes["default"].string,
   linkButton: _propTypes["default"].string,
   rel: _propTypes["default"].string,
@@ -182,7 +214,10 @@ StoreBanner.propTypes = {
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     appleLink: _propTypes["default"].string,
-    googleLink: _propTypes["default"].string
+    googleLink: _propTypes["default"].string,
+    huaweiLink: _propTypes["default"].string,
+    miStoreLink: _propTypes["default"].string,
+    ruStoreLink: _propTypes["default"].string
   }),
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
@@ -193,7 +228,9 @@ StoreBanner.propTypes = {
     button: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkApple: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
     linkGoogle: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+    linkHuawei: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkMiStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    linkRuStore: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   })
 };
 var _default = StoreBanner;

package/dist/lib/components/StoreButton/StoreButton.css

@@ -13,3 +13,9 @@
 .mfui-store-button_theme_huawei-store {
   background-image: url('./img/huawei-store.png');
 }
+.mfui-store-button_theme_mi-store {
+  background-image: url('./img/mi-store.png');
+}
+.mfui-store-button_theme_ru-store {
+  background-image: url('./img/ru-store.png');
+}

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

@@ -2,9 +2,11 @@ import * as React from 'react';
 import { Link } from '@megafon/ui-core';
 import './StoreButton.less';
 export declare enum Theme {
-    GOOGLE_PLAY = "google-play",
     APP_STORE = "app-store",
-    HUAWEI_STORE = "huawei-store"
+    GOOGLE_PLAY = "google-play",
+    HUAWEI_STORE = "huawei-store",
+    MI_STORE = "mi-store",
+    RU_STORE = "ru-store"
 }
 declare type LinkPropTypes = React.ComponentProps<typeof Link>;
 export declare type Props = Required<Pick<LinkPropTypes, 'href'>> & Pick<LinkPropTypes, 'target' | 'rel' | 'onClick' | 'dataAttrs'> & {

package/dist/lib/components/StoreButton/StoreButton.js

@@ -46,9 +46,11 @@ var Theme;
 exports.Theme = Theme;
 
 (function (Theme) {
-  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["APP_STORE"] = "app-store";
+  Theme["GOOGLE_PLAY"] = "google-play";
   Theme["HUAWEI_STORE"] = "huawei-store";
+  Theme["MI_STORE"] = "mi-store";
+  Theme["RU_STORE"] = "ru-store";
 })(Theme || (exports.Theme = Theme = {}));
 
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-button');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.16.0",
+  "version": "4.17.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.8.1",
+    "@megafon/ui-icons": "^2.9.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -86,7 +86,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.15.1",
+    "@megafon/ui-core": "^4.15.2",
     "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
@@ -94,5 +94,5 @@
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ff8786e64e8cc9220fc248899a2328d28bd159b0"
+  "gitHead": "c2d54353eccef1c32cac6aa03b91d48e98dcdb84"
 }