@megafon/ui-shared 5.1.0 → 5.2.1

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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
+
+
+
+
+
+# [5.2.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.1.0...@megafon/ui-shared@5.2.0) (2023-09-21)
+
+
+### Features
+
+* **property:** add type ReactNode to props item.value ([5f59136](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/5f59136ffdc6fc863a6910bd45f17c6783be19c8))
+* **table:** add vAlign and disableHeightLimit props ([813b1ce](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/813b1ceef71576104d8c397cf372c52192daa258))
+
+
+
+
+
 # [5.1.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-shared@5.0.1...@megafon/ui-shared@5.1.0) (2023-09-14)
 
 

package/dist/es/components/BenefitsIcons/BenefitsIcons.js

@@ -1,5 +1,5 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.values.js";
 import * as React from 'react';
@@ -9,120 +9,10 @@ import throttle from 'lodash.throttle';
 import PropTypes from 'prop-types';
 import throttleTime from "../../constants/throttleTime";
 import BenefitsIconsTile from "./BenefitsIconsTile";
+import getMultiColumnConfig, { getOneColumnConfig } from "./helpers";
 import { IconPositionEnum, ItemsAlignEnum } from "./types";
-import "./style/BenefitsIcons.css"; // left-aligned column with left side icon,
-
-var getLeftSideConfig = function getLeftSideConfig(count, index) {
-  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
-  var columnSize = {
-    wide: '4',
-    desktop: '5',
-    tablet: '10'
-  };
-
-  switch (count) {
-    case 2:
-    case 4:
-      return _extends(_extends({}, columnSize), {
-        leftOffsetWide: everySecondWithoutOffset,
-        leftOffsetDesktop: everySecondWithoutOffset
-      });
-
-    default:
-      return _extends(_extends({}, columnSize), {
-        leftOffsetDesktop: everySecondWithoutOffset
-      });
-  }
-}; // left-aligned column with left-aligned icon on top
-
-
-var getLeftTopConfig = function getLeftTopConfig(count, index) {
-  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
-  var everyThirdWithoutOffset = index % 3 ? '1' : undefined;
-
-  switch (count) {
-    case 2:
-      return {
-        wide: '4',
-        desktop: '4',
-        tablet: '5',
-        leftOffsetWide: everySecondWithoutOffset,
-        leftOffsetDesktop: everySecondWithoutOffset,
-        leftOffsetTablet: everySecondWithoutOffset
-      };
-
-    case 4:
-      return {
-        wide: '3',
-        desktop: '4',
-        tablet: '5',
-        leftOffsetDesktop: everySecondWithoutOffset,
-        leftOffsetTablet: everySecondWithoutOffset
-      };
-
-    default:
-      return {
-        wide: '3',
-        desktop: '4',
-        tablet: '5',
-        leftOffsetWide: everyThirdWithoutOffset,
-        leftOffsetTablet: everySecondWithoutOffset
-      };
-  }
-}; // center-aligned column with center-aligned icon on top
-
-
-var getCenterTopConfig = function getCenterTopConfig(count, index) {
-  var isEvenIndex = !(index % 2);
-  var everyEvenWithLeftOffset = isEvenIndex ? '1' : undefined;
-  var everyOddWithRightOffset = isEvenIndex ? undefined : '1';
-
-  switch (count) {
-    case 4:
-      return {
-        wide: '3',
-        desktop: '5',
-        tablet: '5',
-        leftOffsetDesktop: everyEvenWithLeftOffset,
-        leftOffsetTablet: everyEvenWithLeftOffset,
-        rightOffsetTablet: everyOddWithRightOffset,
-        rightOffsetDesktop: everyOddWithRightOffset
-      };
-
-    default:
-      return {
-        wide: '4',
-        desktop: '4',
-        tablet: '4'
-      };
-  }
-};
-
-var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
-  return iconPosition !== IconPositionEnum.CENTER_TOP ? {
-    wide: '10',
-    desktop: '10',
-    tablet: '10'
-  } : {
-    wide: '12',
-    desktop: '12',
-    tablet: '12'
-  };
-};
-
-var getMultiColumnConfig = function getMultiColumnConfig(iconPosition, count, index) {
-  switch (iconPosition) {
-    case IconPositionEnum.LEFT_TOP:
-      return getLeftTopConfig(count, index);
-
-    case IconPositionEnum.CENTER_TOP:
-      return getCenterTopConfig(count, index);
-
-    default:
-      return getLeftSideConfig(count, index);
-  }
-};
-
+import "./style/BenefitsIcons.css";
+var testIdPrefix = 'BenefitsIcons';
 var cn = cnCreate('mfui-benefits-icons');
 
 var BenefitsIcons = function BenefitsIcons(_ref) {
@@ -177,7 +67,15 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
   }, /*#__PURE__*/React.createElement(Grid, {
     className: classes.grid,
     guttersLeft: "medium",
-    hAlign: itemsAlign
+    hAlign: itemsAlign,
+    dataAttrs: {
+      root: {
+        'data-testid': "".concat(testIdPrefix, "-grid-root")
+      },
+      container: {
+        'data-testid': "".concat(testIdPrefix, "-grid-container")
+      }
+    }
   }, items.map(function (_ref2, i) {
     var title = _ref2.title,
         text = _ref2.text,
@@ -185,7 +83,12 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
     var columnConfig = inOneColumn ? getOneColumnConfig(iconPosition) : getMultiColumnConfig(iconPosition, items.length, i);
     return /*#__PURE__*/React.createElement(GridColumn, _extends({
       className: classes.gridColumn,
-      key: i
+      key: i,
+      dataAttrs: {
+        root: {
+          'data-testid': "".concat(testIdPrefix, "-grid-column")
+        }
+      }
     }, columnConfig), /*#__PURE__*/React.createElement(BenefitsIconsTile, {
       className: cn('tile', [classes.item]),
       title: title,

package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js

@@ -5,6 +5,7 @@ import { cnCreate } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import { IconPositionEnum } from "./types";
 import "./style/BenefitsIconsTile.css";
+var testIdPrefix = 'BenefitsIconsTile';
 var cn = cnCreate('mfui-benefits-icons-tile');
 
 var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
@@ -17,7 +18,8 @@ var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: cn({
       'icon-position': iconPosition
-    }, [className])
+    }, [className]),
+    "data-testid": "".concat(testIdPrefix, "-root")
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('svg-icon')
   }, icon), /*#__PURE__*/React.createElement("div", {

package/dist/es/components/BenefitsIcons/helpers.d.ts

@@ -0,0 +1,8 @@
+import { GridConfig } from './types';
+declare const getLeftSideConfig: (count: number, index: number) => GridConfig;
+declare const getLeftTopConfig: (count: number, index: number) => GridConfig;
+declare const getCenterTopConfig: (count: number, index: number) => GridConfig;
+declare const getOneColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side") => GridConfig;
+declare const getMultiColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side", count: number, index: number) => GridConfig;
+export default getMultiColumnConfig;
+export { getLeftSideConfig, getLeftTopConfig, getCenterTopConfig, getOneColumnConfig };

package/dist/es/components/BenefitsIcons/helpers.js

@@ -0,0 +1,116 @@
+import _extends from "@babel/runtime/helpers/extends";
+import { IconPositionEnum } from "./types"; // left-aligned column with left side icon
+
+var getLeftSideConfig = function getLeftSideConfig(count, index) {
+  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
+  var columnSize = {
+    wide: '4',
+    desktop: '5',
+    tablet: '10'
+  };
+
+  switch (count) {
+    case 2:
+    case 4:
+      return _extends(_extends({}, columnSize), {
+        leftOffsetWide: everySecondWithoutOffset,
+        leftOffsetDesktop: everySecondWithoutOffset
+      });
+
+    default:
+      return _extends(_extends({}, columnSize), {
+        leftOffsetDesktop: everySecondWithoutOffset
+      });
+  }
+}; // left-aligned column with left-aligned icon on top
+
+
+var getLeftTopConfig = function getLeftTopConfig(count, index) {
+  var everySecondWithoutOffset = index % 2 ? '1' : undefined;
+  var everyThirdWithoutOffset = index % 3 ? '1' : undefined;
+
+  switch (count) {
+    case 2:
+      return {
+        wide: '4',
+        desktop: '4',
+        tablet: '5',
+        leftOffsetWide: everySecondWithoutOffset,
+        leftOffsetDesktop: everySecondWithoutOffset,
+        leftOffsetTablet: everySecondWithoutOffset
+      };
+
+    case 4:
+      return {
+        wide: '3',
+        desktop: '4',
+        tablet: '5',
+        leftOffsetDesktop: everySecondWithoutOffset,
+        leftOffsetTablet: everySecondWithoutOffset
+      };
+
+    default:
+      return {
+        wide: '3',
+        desktop: '4',
+        tablet: '5',
+        leftOffsetWide: everyThirdWithoutOffset,
+        leftOffsetTablet: everySecondWithoutOffset
+      };
+  }
+}; // center-aligned column with center-aligned icon on top
+
+
+var getCenterTopConfig = function getCenterTopConfig(count, index) {
+  var isEvenIndex = !(index % 2);
+  var everyEvenWithLeftOffset = isEvenIndex ? '1' : undefined;
+  var everyOddWithRightOffset = isEvenIndex ? undefined : '1';
+
+  switch (count) {
+    case 4:
+      return {
+        wide: '3',
+        desktop: '5',
+        tablet: '5',
+        leftOffsetDesktop: everyEvenWithLeftOffset,
+        leftOffsetTablet: everyEvenWithLeftOffset,
+        rightOffsetTablet: everyOddWithRightOffset,
+        rightOffsetDesktop: everyOddWithRightOffset
+      };
+
+    default:
+      return {
+        wide: '4',
+        desktop: '4',
+        tablet: '4'
+      };
+  }
+};
+
+var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
+  return iconPosition !== IconPositionEnum.CENTER_TOP ? {
+    wide: '10',
+    desktop: '10',
+    tablet: '10'
+  } : {
+    wide: '12',
+    desktop: '12',
+    tablet: '12'
+  };
+};
+
+var getMultiColumnConfig = function getMultiColumnConfig(iconPosition, count, index) {
+  switch (iconPosition) {
+    case IconPositionEnum.LEFT_TOP:
+      return getLeftTopConfig(count, index);
+
+    case IconPositionEnum.CENTER_TOP:
+      return getCenterTopConfig(count, index);
+
+    default:
+      return getLeftSideConfig(count, index);
+  }
+};
+
+export default getMultiColumnConfig;
+export { getLeftSideConfig, getLeftTopConfig, getCenterTopConfig, getOneColumnConfig };

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -25,6 +25,7 @@ var getMediaStyle = function getMediaStyle(imageUrl) {
 };
 
 var cn = cnCreate('mfui-button-banner');
+var testIdPrefix = 'ButtonBanner';
 
 var ButtonBanner = function ButtonBanner(_ref) {
   var dataAttrs = _ref.dataAttrs,
@@ -74,7 +75,8 @@ var ButtonBanner = function ButtonBanner(_ref) {
     leftOffsetDesktop: "1",
     leftOffsetWide: "1"
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn('content')
+    className: cn('content'),
+    "data-testid": "".concat(testIdPrefix, "-content")
   }, /*#__PURE__*/React.createElement(Header, {
     className: cn('header'),
     as: "h2"
@@ -85,7 +87,8 @@ var ButtonBanner = function ButtonBanner(_ref) {
     mobile: "12"
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('media'),
-    style: getMediaStyle(imageUrl)
+    style: getMediaStyle(imageUrl),
+    "data-testid": "".concat(testIdPrefix, "-media")
   }, !imageUrl && buttonElem))));
 };
 

package/dist/es/components/DownloadLinks/DownloadLink.js

@@ -45,7 +45,7 @@ var DownloadLink = function DownloadLink(_ref) {
     className: cn('link', [classes.link])
   }, text), /*#__PURE__*/React.createElement("p", {
     className: cn('info')
-  }, "".concat(extension).concat(extension && fileSize ? ',' : '', " ").concat(fileSize))));
+  }, "".concat(extension).concat(extension && fileSize ? ', ' : '').concat(fileSize))));
 };
 
 DownloadLink.propTypes = {

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

@@ -1,6 +1,16 @@
 import * as React from 'react';
+import { GridColumn } from '@megafon/ui-core';
 import './DownloadLinks.less';
 import { IDownloadLink } from './DownloadLink';
+declare type GridColumnType = React.ComponentProps<typeof GridColumn>;
+declare type ColumnConfig = {
+    wide?: GridColumnType['wide'];
+    desktop?: GridColumnType['desktop'];
+    tablet?: GridColumnType['tablet'];
+    mobile?: GridColumnType['mobile'];
+    all?: GridColumnType['all'];
+};
+export declare const getColumnConfig: (itemsCount: number) => ColumnConfig;
 interface IDownloadLinks {
     /** Выстраивать ссылки в одну колонку вне зависимости от количества */
     inOneColumn?: boolean;

package/dist/es/components/DownloadLinks/DownloadLinks.js

@@ -5,8 +5,7 @@ import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import "./DownloadLinks.css";
-
-var getColumnConfig = function getColumnConfig(itemsCount) {
+export var getColumnConfig = function getColumnConfig(itemsCount) {
   switch (true) {
     case itemsCount <= 2:
       {
@@ -35,7 +34,7 @@ var getColumnConfig = function getColumnConfig(itemsCount) {
       }
   }
 };
-
+var testIdPrefix = 'DownloadLinks';
 var cn = cnCreate('mfui-download-links');
 
 var DownloadLinks = function DownloadLinks(_ref) {
@@ -45,7 +44,8 @@ var DownloadLinks = function DownloadLinks(_ref) {
 
   if (inOneColumn) {
     return /*#__PURE__*/React.createElement("div", {
-      className: cn()
+      className: cn(),
+      "data-testid": "".concat(testIdPrefix, "-oneColumn")
     }, React.Children.map(children, function (child) {
       return /*#__PURE__*/React.createElement("div", {
         className: cn('item')

package/dist/es/components/Instructions/Instructions.js

@@ -28,6 +28,7 @@ export var pictureMaskTypes = {
   IPHONE_12: 'iphone-12',
   NONE: 'none'
 };
+var testIdPrefix = 'Instructions';
 var cn = cnCreate('mfui-instructions');
 var swiperSlideCn = cn('slide');
 
@@ -143,7 +144,8 @@ var Instructions = function Instructions(_ref) {
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('img-wrapper')
+      className: cn('img-wrapper'),
+      "data-testid": "".concat(testIdPrefix, "-img-wrapper")
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('device-screen')
     }), renderSlider());
@@ -153,7 +155,8 @@ var Instructions = function Instructions(_ref) {
       className: cn('articles-list', {
         'text-after': !!text,
         desktop: true
-      })
+      }),
+      "data-testid": "".concat(testIdPrefix, "-articles-list-desktop")
     }, instructionItems.map(function (_ref4, i) {
       var itemTitle = _ref4.title;
       return (
@@ -180,7 +183,8 @@ var Instructions = function Instructions(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('articles-list', {
         mobile: true
-      })
+      }),
+      "data-testid": "".concat(testIdPrefix, "-articles-list-mobile")
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('articles-title-block')
     }, instructionItems.map(function (_ref5, i) {
@@ -194,7 +198,8 @@ var Instructions = function Instructions(_ref) {
     })), /*#__PURE__*/React.createElement("ul", {
       className: cn('articles-dots', {
         'text-after': !!text
-      })
+      }),
+      "data-testid": "".concat(testIdPrefix, "-articles-dots-mobile")
     }, instructionItems.map(function (_item, i) {
       return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
         key: i,
@@ -222,7 +227,8 @@ var Instructions = function Instructions(_ref) {
     className: cn('picture', {
       align: pictureAlign,
       'vertical-align': pictureVerticalAlign
-    })
+    }),
+    "data-testid": "".concat(testIdPrefix, "-picture")
   }, renderPicture()), /*#__PURE__*/React.createElement("div", {
     className: cn('articles', {
       align: pictureAlign

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './PageTitle.less';
 import { Props as BreadcrumbsType } from '../Breadcrumbs/Breadcrumbs';
-declare type Props = {
+export declare type PageTitleProps = {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
@@ -27,5 +27,5 @@ declare type Props = {
     /** Ссылка на корневой элемент */
     rootRef?: React.RefObject<HTMLDivElement>;
 };
-declare const PageTitle: React.FC<Props>;
+declare const PageTitle: React.FC<PageTitleProps>;
 export default PageTitle;

package/dist/es/components/PageTitle/PageTitle.js

@@ -5,6 +5,7 @@ import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./PageTitle.css";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+var testIdPrefix = 'PageTitle';
 var cn = cnCreate('mfui-page-title');
 
 var PageTitle = function PageTitle(_ref) {
@@ -34,7 +35,13 @@ var PageTitle = function PageTitle(_ref) {
     }, title));
   }, [badge, title, isBreadcrumbs]);
   var renderPageTitleWithGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, {
+    return /*#__PURE__*/React.createElement(Grid, {
+      dataAttrs: {
+        root: {
+          'data-testid': "".concat(testIdPrefix, "-grid")
+        }
+      }
+    }, /*#__PURE__*/React.createElement(GridColumn, {
       wide: "8",
       desktop: "10",
       tablet: "12",

package/dist/es/components/Partners/Partners.js

@@ -21,6 +21,7 @@ var slidesSettings = (_slidesSettings = {}, _defineProperty(_slidesSettings, bre
   slidesPerView: 4,
   spaceBetween: 20
 }), _slidesSettings);
+var testIdPrefix = 'Partners';
 var cn = cnCreate('mfui-partners');
 
 var Partners = function Partners(_ref) {
@@ -56,7 +57,8 @@ var Partners = function Partners(_ref) {
         root: _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: cn('tile-inner', [itemClass])
+      className: cn('tile-inner', [itemClass]),
+      "data-testid": "".concat(testIdPrefix, "-tile-inner")
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('img-wrapper')
     }, /*#__PURE__*/React.createElement("img", {
@@ -85,7 +87,15 @@ var Partners = function Partners(_ref) {
       slidesSettings: slidesSettings,
       onChange: onChange,
       onNextClick: onNextClick,
-      onPrevClick: onPrevClick
+      onPrevClick: onPrevClick,
+      dataAttrs: {
+        prev: {
+          'data-testid': "".concat(testIdPrefix, "-prev")
+        },
+        next: {
+          'data-testid': "".concat(testIdPrefix, "-next")
+        }
+      }
     }, topRow.map(function (item, i) {
       return /*#__PURE__*/React.createElement("div", {
         key: i + item.src,

package/dist/es/components/PictureWithDescription/PictureWithDescription.js

@@ -7,6 +7,7 @@ export var pictureAlignTypes = {
   LEFT: 'left',
   RIGHT: 'right'
 };
+var testIdPrefix = 'PictureWithDescription';
 var cn = cnCreate('mfui-picture-with-description');
 
 var PictureWithDescription = function PictureWithDescription(_ref) {
@@ -27,7 +28,8 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('picture', {
       align: pictureAlign
-    })
+    }),
+    "data-testid": "".concat(testIdPrefix, "-picture")
   }, /*#__PURE__*/React.createElement("img", {
     className: cn('img'),
     src: pictureUrl,
@@ -36,7 +38,8 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
     className: cn('articles', {
       align: pictureAlign,
       'text-top-align': isTextTopAlign
-    })
+    }),
+    "data-testid": "".concat(testIdPrefix, "-articles")
   }, !!title && /*#__PURE__*/React.createElement(Header, {
     className: cn('title', [classes.title]),
     as: "h2"

package/dist/es/components/Property/Property.js

@@ -98,7 +98,7 @@ var Property = function Property(_ref) {
       "data-testid": "".concat(testIdPrefix, "-value")
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('value')
-    }, convert(value, {})), valueUnit && /*#__PURE__*/React.createElement(Caption, {
+    }, typeof value === 'string' ? convert(value, {}) : value), valueUnit && /*#__PURE__*/React.createElement(Caption, {
       className: cn('value-unit'),
       hasMargin: false
     }, convert(valueUnit, {})));
@@ -157,7 +157,7 @@ Property.propTypes = {
       value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]).isRequired,
       isCollapsible: PropTypes.bool
     })),
-    value: PropTypes.string,
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
     titleSize: PropTypes.oneOf(['default', 'big']),
     valueUnit: PropTypes.string,
     valueFrameColor: PropTypes.oneOf(['none', 'default', 'gray'])

package/dist/es/components/Property/types.d.ts

@@ -14,7 +14,7 @@ export declare type Item = {
     title?: string[] | React.ReactNode[];
     titleSize?: 'default' | 'big';
     description?: Desc[];
-    value?: string;
+    value?: string | React.ReactNode;
     valueUnit?: string;
     valueFrameColor?: 'none' | 'default' | 'gray';
 };

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

@@ -19,6 +19,7 @@ export var DeviceMask = {
   NEW_IPHONE: 'new-iphone',
   WHITE_IPHONE: 'white-iphone'
 };
+var testIdPrefix = 'StoreBanner';
 var cn = cnCreate('mfui-store-banner');
 
 var StoreBanner = function StoreBanner(_ref) {
@@ -90,9 +91,11 @@ var StoreBanner = function StoreBanner(_ref) {
   }, !linkButton && qrCode && /*#__PURE__*/React.createElement("img", {
     src: qrCode,
     className: cn('qr-code'),
-    alt: "QR-\u043A\u043E\u0434"
+    alt: "QR-\u043A\u043E\u0434",
+    "data-testid": "".concat(testIdPrefix, "-qrCode")
   }), !linkButton && /*#__PURE__*/React.createElement("div", {
-    className: cn('stores')
+    className: cn('stores'),
+    "data-testid": "".concat(testIdPrefix, "-stores")
   }, linkApple && /*#__PURE__*/React.createElement(StoreButton, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkApple

package/dist/es/components/Table/Table.css

@@ -40,7 +40,7 @@ h5 {
   overflow: auto;
 }
 @media screen and (min-width: 1024px) {
-  .mfui-table__scroll {
+  .mfui-table__scroll_limit {
     max-height: 500px;
   }
 }
@@ -131,6 +131,15 @@ h5 {
 .mfui-table__row:not(:last-child) .mfui-table__cell {
   border-bottom: 1px solid var(--spbSky2);
 }
+.mfui-table__row_align_bottom .mfui-table__cell {
+  vertical-align: bottom;
+}
+.mfui-table__row_align_top .mfui-table__cell {
+  vertical-align: top;
+}
+.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell {
+  padding-top: 12px;
+}
 .mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child) {
   min-width: 72px;
 }

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

@@ -8,6 +8,8 @@ export interface ITable {
     fixColumn?: boolean;
     /** Минимальный размер ячеек */
     minCellSize?: 'small' | 'large';
+    /** Отключить ограничение по высоте при разрешении больше 1024px */
+    disableHeightLimit?: boolean;
     children: Array<React.ReactElement<ITableRow>>;
 }
 declare const Table: React.FC<ITable>;