@megafon/ui-core 5.4.1 → 5.4.3

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.3](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.4.2...@megafon/ui-core@5.4.3) (2024-01-09)
+
+**Note:** Version bump only for package @megafon/ui-core
+
+
+
+
+
+## [5.4.2](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.4.1...@megafon/ui-core@5.4.2) (2023-12-14)
+
+
+### Bug Fixes
+
+* **notification:** added root ref, link class ([4b6e76c](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/4b6e76cbeee4b17b46f0abae2c73ec879d9201de))
+* **pricebadge:** change font-weight from 400 to 500 ([79e3480](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/79e3480a8f6254101b687db949b3257c2fa00a32))
+* **search:** add extra classes ([2bef678](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/2bef67859c166644194bf39ea380465617e80ad7))
+
+
+
+
+
 ## [5.4.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@5.4.0...@megafon/ui-core@5.4.1) (2023-11-27)
 
 

package/dist/es/components/Badges/components/PriceBadge/PriceBadge.css

@@ -7,23 +7,24 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: 2px;
-  padding-right: 8px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
+  padding: 2px;
+  padding-right: 8px;
   border-radius: 8px;
+  font-weight: 500;
 }
 @media screen and (min-width: 1024px) {
   .mfui-price-badge_adaptive {
     font-size: 15px;
     line-height: 24px;
+    min-height: 32px;
     padding: 4px;
     padding-right: 8px;
-    min-height: 32px;
     border-radius: 12px;
   }
 }
@@ -64,9 +65,9 @@
   fill: var(--fury);
 }
 .mfui-price-badge_size_big {
+  padding: 12px 12px 12px 4px;
   font-size: 15px;
   line-height: 18px;
-  padding: 12px 12px 12px 4px;
 }
 .mfui-price-badge__text {
   font-family: inherit;
@@ -78,17 +79,17 @@
   display: flex;
 }
 .mfui-price-badge__icon {
-  height: 20px;
   width: 20px;
   min-width: 20px;
+  height: 20px;
 }
 .mfui-price-badge_size_big .mfui-price-badge__icon {
-  height: 32px;
   width: 32px;
   min-width: 32px;
+  height: 32px;
 }
 .mfui-price-badge_size_big .mfui-price-badge__sub-title {
+  margin-top: 2px;
   font-size: 12px;
   line-height: 18px;
-  margin-top: 2px;
 }

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

@@ -22,6 +22,7 @@ export interface INotificationProps {
         root?: string;
         container?: string;
         content?: string;
+        link?: string;
     };
     /** Тип отображения */
     type?: NotificationType;
@@ -67,6 +68,8 @@ export interface INotificationProps {
         button?: Record<string, string>;
         collapseButton?: Record<string, string>;
     };
+    /** Ссылка на элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Обработчик на закрытие */
     onClose?: () => void;
     /** Обработчик клика по ссылке */

package/dist/es/components/Notification/Notification.js

@@ -96,6 +96,7 @@ var Notification = function Notification(_ref) {
   var rootClass = _ref$classes.root,
       containerClass = _ref$classes.container,
       contentClass = _ref$classes.content,
+      linkClass = _ref$classes.link,
       children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'info' : _ref$type,
@@ -122,6 +123,7 @@ var Notification = function Notification(_ref) {
       href = _ref.href,
       target = _ref.target,
       icon = _ref.icon,
+      rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClose = _ref.onClose,
       onLinkClick = _ref.onLinkClick,
@@ -208,7 +210,7 @@ var Notification = function Notification(_ref) {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
       },
-      className: cn('link'),
+      className: cn('link', [linkClass]),
       onClick: onLinkClick,
       rel: rel,
       href: href,
@@ -271,18 +273,19 @@ var Notification = function Notification(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(Tile, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
-    },
-    radius: "rounded",
-    shadowLevel: shadowLevel,
     className: cn({
       type: type,
       colored: isColored
-    }, [className, rootClass])
+    }, [className, rootClass]),
+    radius: "rounded",
+    shadowLevel: shadowLevel,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-container"),
-    className: cn('container', [containerClass])
+    className: cn('container', [containerClass]),
+    ref: rootRef
   }, /*#__PURE__*/React.createElement("div", {
     className: cn('icon-container')
   }, renderIcon()), /*#__PURE__*/React.createElement("div", {
@@ -326,7 +329,8 @@ Notification.propTypes = {
   classes: PropTypes.shape({
     root: PropTypes.string,
     container: PropTypes.string,
-    content: PropTypes.string
+    content: PropTypes.string,
+    link: PropTypes.string
   }),
   shadowLevel: PropTypes.oneOf(Object.values(ShadowTypes)),
   isColored: PropTypes.bool,
@@ -344,6 +348,9 @@ Notification.propTypes = {
   href: PropTypes.string,
   target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
   icon: PropTypes.element,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
     title: PropTypes.objectOf(PropTypes.string.isRequired),

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

@@ -62,6 +62,7 @@ export interface ISearchProps {
         listItemTitle?: string;
         control?: string;
         icon?: string;
+        submitButton?: string;
     };
     /** Отображение загрузки */
     showLoader?: boolean;

package/dist/es/components/Search/Search.js

@@ -9,9 +9,9 @@ import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import Preloader from "../Preloader/Preloader";
 import debounce from 'lodash.debounce';
 import * as PropTypes from 'prop-types';
+import Preloader from "../Preloader/Preloader";
 import "./Search.css";
 
 var SearchIcon16 = function SearchIcon16(props) {
@@ -223,7 +223,7 @@ var Search = function Search(_ref) {
   var renderSubmitButton = function renderSubmitButton() {
     var Icon = isCompact ? SearchIcon16 : SearchIcon;
     return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.submit), {
-      className: cn('submit-button'),
+      className: cn('submit-button', [classes === null || classes === void 0 ? void 0 : classes.submitButton]),
       onClick: handleSearchSubmit,
       type: "button"
     }), /*#__PURE__*/React.createElement(Icon, {

package/dist/lib/components/Badges/components/PriceBadge/PriceBadge.css

@@ -7,23 +7,24 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  padding: 2px;
-  padding-right: 8px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
+  padding: 2px;
+  padding-right: 8px;
   border-radius: 8px;
+  font-weight: 500;
 }
 @media screen and (min-width: 1024px) {
   .mfui-price-badge_adaptive {
     font-size: 15px;
     line-height: 24px;
+    min-height: 32px;
     padding: 4px;
     padding-right: 8px;
-    min-height: 32px;
     border-radius: 12px;
   }
 }
@@ -64,9 +65,9 @@
   fill: var(--fury);
 }
 .mfui-price-badge_size_big {
+  padding: 12px 12px 12px 4px;
   font-size: 15px;
   line-height: 18px;
-  padding: 12px 12px 12px 4px;
 }
 .mfui-price-badge__text {
   font-family: inherit;
@@ -78,17 +79,17 @@
   display: flex;
 }
 .mfui-price-badge__icon {
-  height: 20px;
   width: 20px;
   min-width: 20px;
+  height: 20px;
 }
 .mfui-price-badge_size_big .mfui-price-badge__icon {
-  height: 32px;
   width: 32px;
   min-width: 32px;
+  height: 32px;
 }
 .mfui-price-badge_size_big .mfui-price-badge__sub-title {
+  margin-top: 2px;
   font-size: 12px;
   line-height: 18px;
-  margin-top: 2px;
 }

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

@@ -22,6 +22,7 @@ export interface INotificationProps {
         root?: string;
         container?: string;
         content?: string;
+        link?: string;
     };
     /** Тип отображения */
     type?: NotificationType;
@@ -67,6 +68,8 @@ export interface INotificationProps {
         button?: Record<string, string>;
         collapseButton?: Record<string, string>;
     };
+    /** Ссылка на элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Обработчик на закрытие */
     onClose?: () => void;
     /** Обработчик клика по ссылке */

package/dist/lib/components/Notification/Notification.js

@@ -121,6 +121,7 @@ var Notification = function Notification(_ref) {
   var rootClass = _ref$classes.root,
       containerClass = _ref$classes.container,
       contentClass = _ref$classes.content,
+      linkClass = _ref$classes.link,
       children = _ref.children,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'info' : _ref$type,
@@ -147,6 +148,7 @@ var Notification = function Notification(_ref) {
       href = _ref.href,
       target = _ref.target,
       icon = _ref.icon,
+      rootRef = _ref.rootRef,
       dataAttrs = _ref.dataAttrs,
       onClose = _ref.onClose,
       onLinkClick = _ref.onLinkClick,
@@ -233,7 +235,7 @@ var Notification = function Notification(_ref) {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
       },
-      className: cn('link'),
+      className: cn('link', [linkClass]),
       onClick: onLinkClick,
       rel: rel,
       href: href,
@@ -296,18 +298,19 @@ var Notification = function Notification(_ref) {
   };
 
   return /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
-    },
-    radius: "rounded",
-    shadowLevel: shadowLevel,
     className: cn({
       type: type,
       colored: isColored
-    }, [className, rootClass])
+    }, [className, rootClass]),
+    radius: "rounded",
+    shadowLevel: shadowLevel,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root
+    }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     "data-testid": "".concat(testIdPrefix, "-container"),
-    className: cn('container', [containerClass])
+    className: cn('container', [containerClass]),
+    ref: rootRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('icon-container')
   }, renderIcon()), /*#__PURE__*/_react["default"].createElement("div", {
@@ -351,7 +354,8 @@ Notification.propTypes = {
   classes: PropTypes.shape({
     root: PropTypes.string,
     container: PropTypes.string,
-    content: PropTypes.string
+    content: PropTypes.string,
+    link: PropTypes.string
   }),
   shadowLevel: PropTypes.oneOf(Object.values(ShadowTypes)),
   isColored: PropTypes.bool,
@@ -369,6 +373,9 @@ Notification.propTypes = {
   href: PropTypes.string,
   target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
   icon: PropTypes.element,
+  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.elementType
+  }), PropTypes.any])]),
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
     title: PropTypes.objectOf(PropTypes.string.isRequired),

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

@@ -62,6 +62,7 @@ export interface ISearchProps {
         listItemTitle?: string;
         control?: string;
         icon?: string;
+        submitButton?: string;
     };
     /** Отображение загрузки */
     showLoader?: boolean;

package/dist/lib/components/Search/Search.js

@@ -29,12 +29,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _Preloader = _interopRequireDefault(require("../Preloader/Preloader"));
-
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var PropTypes = _interopRequireWildcard(require("prop-types"));
 
+var _Preloader = _interopRequireDefault(require("../Preloader/Preloader"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -267,7 +267,7 @@ var Search = function Search(_ref) {
   var renderSubmitButton = function renderSubmitButton() {
     var Icon = isCompact ? SearchIcon16 : SearchIcon;
     return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.submit), {
-      className: cn('submit-button'),
+      className: cn('submit-button', [classes === null || classes === void 0 ? void 0 : classes.submitButton]),
       onClick: handleSearchSubmit,
       type: "button"
     }), /*#__PURE__*/_react["default"].createElement(Icon, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "5.4.1",
+  "version": "5.4.3",
   "files": [
     "dist",
     "styles"
@@ -50,7 +50,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.15.0",
+    "@megafon/ui-icons": "^2.17.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,7 +85,7 @@
   "dependencies": {
     "@babel/runtime": "^7.8.4",
     "@datepicker-react/hooks": "^2.7.0",
-    "@megafon/ui-helpers": "^2.5.3",
+    "@megafon/ui-helpers": "^2.5.4",
     "@popperjs/core": "^2.5.3",
     "core-js": "^3.6.4",
     "date-fns": "^2.16.1",
@@ -96,5 +96,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "d65bc4cd4de9180971e4285c2d0b5beec27d0542"
+  "gitHead": "1120ea0f847f81f7a9218cba42ee13a24f09912a"
 }