@megafon/ui-core 6.2.1 → 6.3.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.1...@megafon/ui-core@6.3.0) (2024-09-24)
+
+
+### Features
+
+* **tooltip:** add classes for close-button and button on Tooltip ([7c6e075](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7c6e075a3d75fd16424f9cddb7f1295617fc4519))
+* **tooltip:** fix useEffect dependency ([69a583b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/69a583b57e98b6fd00edb9b9685d3d9119c581c3))
+
+
+
+
+
 ## [6.2.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.0...@megafon/ui-core@6.2.1) (2024-09-02)
 
 

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

package/dist/es/components/Tooltip/Tooltip.js

@@ -112,6 +112,8 @@ var Tooltip = function Tooltip(_ref) {
       arrowClassName = _ref$classes.arrow,
       contentClassName = _ref$classes.content,
       contentShadowClassName = _ref$classes.contentShadow,
+      closeButtonClassName = _ref$classes.close,
+      buttonClassName = _ref$classes.button,
       dataAttrs = _ref.dataAttrs,
       onOpen = _ref.onOpen,
       onClose = _ref.onClose,
@@ -318,7 +320,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
@@ -328,7 +330,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
   var template = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
@@ -357,7 +359,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/React.createElement(CancelIcon, {
@@ -428,7 +430,9 @@ Tooltip.propTypes = {
     root: PropTypes.string,
     arrow: PropTypes.string,
     content: PropTypes.string,
-    contentShadow: PropTypes.string
+    contentShadow: PropTypes.string,
+    close: PropTypes.string,
+    button: PropTypes.string
   }),
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

package/dist/lib/components/Tooltip/Tooltip.js

@@ -143,6 +143,8 @@ var Tooltip = function Tooltip(_ref) {
       arrowClassName = _ref$classes.arrow,
       contentClassName = _ref$classes.content,
       contentShadowClassName = _ref$classes.contentShadow,
+      closeButtonClassName = _ref$classes.close,
+      buttonClassName = _ref$classes.button,
       dataAttrs = _ref.dataAttrs,
       onOpen = _ref.onOpen,
       onClose = _ref.onClose,
@@ -351,7 +353,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/_react["default"].createElement(RightArrow, {
@@ -361,7 +363,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
 
   var template = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
@@ -391,7 +393,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
@@ -463,7 +465,9 @@ Tooltip.propTypes = {
     root: _propTypes["default"].string,
     arrow: _propTypes["default"].string,
     content: _propTypes["default"].string,
-    contentShadow: _propTypes["default"].string
+    contentShadow: _propTypes["default"].string,
+    close: _propTypes["default"].string,
+    button: _propTypes["default"].string
   }),
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "files": [
     "dist",
     "styles"
@@ -99,5 +99,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "fe62002ae1623a7f9316553d35c8c2fa4df36bd7"
+  "gitHead": "adda2eba84cd9dd0a71bd4fdeba30c7c5d54ff6a"
 }