@megafon/ui-core 6.4.4 → 6.5.0

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

@@ -5,7 +5,7 @@ function _typeof3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "funct
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.testIdPrefix = exports.Size = exports.ColorTheme = exports.TriggerEvent = exports.Paddings = exports.Placement = void 0;
+exports["default"] = exports.testIdPrefix = exports.Size = exports.ColorTheme = exports.TriggerEvent = exports.Offset = exports.Paddings = exports.Placement = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -89,6 +89,10 @@ var Paddings = {
   MEDIUM: 'medium'
 };
 exports.Paddings = Paddings;
+var Offset = {
+  SMALL: 'small'
+};
+exports.Offset = Offset;
 var TriggerEvent = {
   HOVER: 'hover',
   CLICK: 'click',
@@ -126,6 +130,7 @@ var Tooltip = function Tooltip(_ref) {
       fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['left', 'right', 'top', 'bottom'] : _ref$fallbackPlacemen,
       _ref$paddings = _ref.paddings,
       paddings = _ref$paddings === void 0 ? 'small' : _ref$paddings,
+      offset = _ref.offset,
       _ref$triggerEvent = _ref.triggerEvent,
       triggerEvent = _ref$triggerEvent === void 0 ? 'hover' : _ref$triggerEvent,
       boundaryElement = _ref.boundaryElement,
@@ -135,6 +140,8 @@ var Tooltip = function Tooltip(_ref) {
       isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
       _ref$isPortal = _ref.isPortal,
       isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
+      _ref$isHiddenResize = _ref.isHiddenResize,
+      isHiddenResize = _ref$isHiddenResize === void 0 ? false : _ref$isHiddenResize,
       portalSelector = _ref.portalSelector,
       children = _ref.children,
       _ref$classes = _ref.classes;
@@ -213,7 +220,7 @@ var Tooltip = function Tooltip(_ref) {
         name: 'eventListeners',
         options: {
           scroll: isOpen,
-          resize: isOpen
+          resize: isHiddenResize || isOpen
         }
       }, {
         name: 'preventOverflow',
@@ -222,7 +229,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, currentBoundary, isOpen, fallbackPlacements]);
+  }, [placement, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
 
   var _usePopper = (0, _reactPopper.usePopper)(currentTarget, popperElement, options),
       styles = _usePopper.styles,
@@ -369,6 +376,7 @@ var Tooltip = function Tooltip(_ref) {
     className: cn({
       theme: theme,
       paddings: paddings,
+      offset: offset,
       open: isOpen,
       small: !isBigSize,
       'has-escape': !targetElement
@@ -434,6 +442,7 @@ Tooltip.propTypes = {
   placement: _propTypes["default"].oneOf(Object.values(Placement)),
   fallbackPlacements: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(Object.values(Placement)).isRequired),
   paddings: _propTypes["default"].oneOf(Object.values(Paddings)),
+  offset: _propTypes["default"].oneOf(Object.values(Offset)),
   triggerEvent: _propTypes["default"].oneOf(Object.values(TriggerEvent)),
   boundaryElement: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
@@ -459,6 +468,7 @@ Tooltip.propTypes = {
   }), _propTypes["default"].any])]),
   isOpened: _propTypes["default"].bool,
   isPortal: _propTypes["default"].bool,
+  isHiddenResize: _propTypes["default"].bool,
   portalSelector: _propTypes["default"].string,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "6.4.4",
+    "version": "6.5.0",
     "files": [
         "dist",
         "styles"
@@ -99,5 +99,5 @@
         "react-popper": "^2.2.3",
         "swiper": "^6.5.6"
     },
-    "gitHead": "cb2d3e9827cb0754536a50f64c09a3b4a37af255"
+    "gitHead": "9804a8e7196f90b0c310e4ee83988276ff7b58bc"
 }