@megafon/ui-shared 5.1.0 → 5.2.1

package/dist/lib/components/PageTitle/PageTitle.js

@@ -25,6 +25,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var testIdPrefix = 'PageTitle';
 var cn = (0, _uiHelpers.cnCreate)('mfui-page-title');
 
 var PageTitle = function PageTitle(_ref) {
@@ -54,7 +55,13 @@ var PageTitle = function PageTitle(_ref) {
     }, title));
   }, [badge, title, isBreadcrumbs]);
   var renderPageTitleWithGrid = React.useCallback(function () {
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
+      dataAttrs: {
+        root: {
+          'data-testid': "".concat(testIdPrefix, "-grid")
+        }
+      }
+    }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
       wide: "8",
       desktop: "10",
       tablet: "12",

package/dist/lib/components/Partners/Partners.js

@@ -42,6 +42,7 @@ var slidesSettings = (_slidesSettings = {}, (0, _defineProperty2["default"])(_sl
   slidesPerView: 4,
   spaceBetween: 20
 }), _slidesSettings);
+var testIdPrefix = 'Partners';
 var cn = (0, _uiHelpers.cnCreate)('mfui-partners');
 
 var Partners = function Partners(_ref) {
@@ -77,7 +78,8 @@ var Partners = function Partners(_ref) {
         root: (0, _extends2["default"])({}, (0, _uiHelpers.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", {
@@ -106,7 +108,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/lib/components/PictureWithDescription/PictureWithDescription.js

@@ -26,6 +26,7 @@ var pictureAlignTypes = {
   RIGHT: 'right'
 };
 exports.pictureAlignTypes = pictureAlignTypes;
+var testIdPrefix = 'PictureWithDescription';
 var cn = (0, _uiHelpers.cnCreate)('mfui-picture-with-description');
 
 var PictureWithDescription = function PictureWithDescription(_ref) {
@@ -46,7 +47,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,
@@ -55,7 +57,8 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
     className: cn('articles', {
       align: pictureAlign,
       'text-top-align': isTextTopAlign
-    })
+    }),
+    "data-testid": "".concat(testIdPrefix, "-articles")
   }, !!title && /*#__PURE__*/React.createElement(_uiCore.Header, {
     className: cn('title', [classes.title]),
     as: "h2"

package/dist/lib/components/Property/Property.js

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

package/dist/lib/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/lib/components/StoreBanner/StoreBanner.js

@@ -42,6 +42,7 @@ var DeviceMask = {
   WHITE_IPHONE: 'white-iphone'
 };
 exports.DeviceMask = DeviceMask;
+var testIdPrefix = 'StoreBanner';
 var cn = (0, _uiHelpers.cnCreate)('mfui-store-banner');
 
 var StoreBanner = function StoreBanner(_ref) {
@@ -113,9 +114,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["default"], {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.linkApple

package/dist/lib/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/lib/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>;

package/dist/lib/components/Table/Table.js

@@ -35,6 +35,8 @@ var Table = function Table(_ref) {
       fixColumn = _ref$fixColumn === void 0 ? true : _ref$fixColumn,
       _ref$minCellSize = _ref.minCellSize,
       minCellSize = _ref$minCellSize === void 0 ? 'large' : _ref$minCellSize,
+      _ref$disableHeightLim = _ref.disableHeightLimit,
+      disableHeightLimit = _ref$disableHeightLim === void 0 ? false : _ref$disableHeightLim,
       children = _ref.children;
   var scrollRef = React.useRef(null);
 
@@ -96,17 +98,23 @@ var Table = function Table(_ref) {
   }, []);
 
   var renderRows = function renderRows() {
-    return React.Children.map(children, function (_ref2) {
+    return React.Children.map(children, function (_ref2, index) {
       var _ref2$props = _ref2.props,
           cells = _ref2$props.children,
-          head = _ref2$props.head;
+          head = _ref2$props.head,
+          _ref2$props$vAlign = _ref2$props.vAlign,
+          vAlign = _ref2$props$vAlign === void 0 ? 'default' : _ref2$props$vAlign;
       return /*#__PURE__*/React.createElement("tr", {
+        key: index,
         className: cn('row', {
-          head: head
-        })
-      }, React.Children.map(cells, function (_ref3) {
+          head: head,
+          align: vAlign
+        }),
+        "data-testid": "Table-row"
+      }, React.Children.map(cells, function (_ref3, cellIndex) {
         var cell = _ref3.props.children;
         return /*#__PURE__*/React.createElement("td", {
+          key: cellIndex,
           className: cn('cell')
         }, typeof cell === 'string' ? (0, _htmr["default"])(cell) : cell);
       }));
@@ -120,7 +128,9 @@ var Table = function Table(_ref) {
       touch: isTouchDevice
     }, [className])
   }, /*#__PURE__*/React.createElement("div", {
-    className: cn('scroll'),
+    className: cn('scroll', {
+      limit: !disableHeightLimit
+    }),
     ref: scrollRef,
     onScroll: handleTableScroll
   }, isTopShadow && /*#__PURE__*/React.createElement("div", {
@@ -140,6 +150,7 @@ Table.propTypes = {
   className: PropTypes.string,
   fixColumn: PropTypes.bool,
   minCellSize: PropTypes.oneOf(['small', 'large']),
+  disableHeightLimit: PropTypes.bool,
   children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
 };
 var _default = Table;

package/dist/lib/components/Table/TableRow.d.ts

@@ -3,6 +3,8 @@ import { ITableCell } from './TableCell';
 export interface ITableRow {
     /** Ряд таблицы как заголовок */
     head?: boolean;
+    /** Выравнивание по вертикали в ячейках таблицы */
+    vAlign?: 'default' | 'bottom' | 'top';
     children: Array<React.ReactElement<ITableCell>>;
 }
 declare const TableRow: React.FC<ITableRow>;

package/dist/lib/components/Table/TableRow.js

@@ -23,6 +23,8 @@ var TableRow = function TableRow(_ref) {
 TableRow.propTypes = {
   // eslint-disable-next-line react/no-unused-prop-types
   head: PropTypes.bool,
+  // eslint-disable-next-line react/no-unused-prop-types
+  vAlign: PropTypes.oneOf(['default', 'bottom', 'top']),
   children: PropTypes.arrayOf(PropTypes.element.isRequired).isRequired
 };
 var _default = TableRow;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tabs } from '@megafon/ui-core';
-declare type TabsPropsType = React.ComponentProps<typeof Tabs> & {
+export declare type TabsPropsType = React.ComponentProps<typeof Tabs> & {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
 };

package/dist/lib/components/TabsBox/TabsBox.js

@@ -38,12 +38,13 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-tabs-box');
 
 var TabsBox = function TabsBox(_a) {
   var rootRef = _a.rootRef,
-      props = __rest(_a, ["rootRef"]);
+      children = _a.children,
+      props = __rest(_a, ["rootRef", "children"]);
 
   return /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
     className: cn()
-  }, /*#__PURE__*/React.createElement(_uiCore.Tabs, props));
+  }, /*#__PURE__*/React.createElement(_uiCore.Tabs, props, children));
 };
 
 var _default = TabsBox;

package/dist/lib/components/TextBox/TextBox.js

@@ -40,7 +40,12 @@ var TextBox = function TextBox(_ref) {
 
   var renderTextBoxWithGrid = function renderTextBoxWithGrid() {
     return /*#__PURE__*/React.createElement(_uiCore.Grid, {
-      hAlign: centeringWithLimitedWidth ? 'center' : 'left'
+      hAlign: centeringWithLimitedWidth ? 'center' : 'left',
+      dataAttrs: {
+        container: {
+          'data-testid': 'TextBox-grid'
+        }
+      }
     }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
       wide: "8",
       desktop: "10",

package/dist/lib/components/TextWithIcon/TextWithIcon.js

@@ -23,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var testIdPrefix = 'TextWithIcon';
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon');
 
 var TextWithIcon = function TextWithIcon(_ref) {
@@ -42,7 +43,13 @@ var TextWithIcon = function TextWithIcon(_ref) {
   };
 
   var renderContentWithGrid = function renderContentWithGrid() {
-    return /*#__PURE__*/React.createElement(_uiCore.Grid, null, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    return /*#__PURE__*/React.createElement(_uiCore.Grid, {
+      dataAttrs: {
+        container: {
+          'data-testid': "".concat(testIdPrefix, "-grid")
+        }
+      }
+    }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
       mobile: '12',
       tablet: '7',
       desktop: '6',

package/dist/lib/components/TextWithIcon/TextWithIconItem.js

@@ -25,6 +25,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var testIdPrefix = 'TextWithIconItem';
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-with-icon-item');
 
 var TextWithIconItem = function TextWithIconItem(_ref) {
@@ -48,9 +49,11 @@ var TextWithIconItem = function TextWithIconItem(_ref) {
     className: cn([className]),
     ref: rootRef
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("div", {
-    className: cn('svg-icon', [classes.icon])
+    className: cn('svg-icon', [classes.icon]),
+    "data-testid": "".concat(testIdPrefix, "-icon")
   }, icon), /*#__PURE__*/React.createElement("div", {
-    className: cn('text', [classes.text])
+    className: cn('text', [classes.text]),
+    "data-testid": "".concat(testIdPrefix, "-text")
   }, renderText));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "5.1.0",
+  "version": "5.2.1",
   "files": [
     "dist"
   ],
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.2.2",
+    "@megafon/ui-core": "^5.2.3",
     "@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": "67d1595c72454846b31ebcd4acc8f7550a5f0df3"
+  "gitHead": "1bb6769da99d917f5dd4420892c57a7af5be3ab4"
 }