@megafon/ui-core 8.13.2 → 8.14.1

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

@@ -100,6 +100,8 @@ export interface ICarouselProps {
     gradient?: boolean;
     /** Цвет градиента */
     gradientColor?: GradientThemeType;
+    /** Отключить переключение слайдов при фокусе на дочерних элементах */
+    disableChildFocusPropagation?: boolean;
     children?: React.ReactNode;
 }
 declare const Carousel: React.FC<ICarouselProps>;

package/dist/es/components/Carousel/Carousel.js

@@ -139,7 +139,9 @@ var Carousel = function Carousel(_ref) {
     _ref$gradient = _ref.gradient,
     gradient = _ref$gradient === void 0 ? false : _ref$gradient,
     _ref$gradientColor = _ref.gradientColor,
-    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
+    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor,
+    _ref$disableChildFocu = _ref.disableChildFocusPropagation,
+    disableChildFocusPropagation = _ref$disableChildFocu === void 0 ? false : _ref$disableChildFocu;
   var _React$useState = React.useState(),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     swiperInstance = _React$useState2[0],
@@ -252,6 +254,9 @@ var Carousel = function Carousel(_ref) {
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {
       var _a;
+      if (disableChildFocusPropagation && e.target !== e.currentTarget) {
+        return;
+      }
       if (loop) {
         // for correctly scroll the looped carousel to the focused element, we need to get its real index in the DOM-collection of slides
         // because swiper does not provide this, only data-swiper-slide-index, whose values are in the range from 0 to children.length - 1,
@@ -352,6 +357,7 @@ var Carousel = function Carousel(_ref) {
     return /*#__PURE__*/React.createElement(SwiperSlide, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       key: i,
       className: cn('slide', slideClass),
+      tabIndex: disableChildFocusPropagation ? 0 : undefined,
       onFocus: handleSlideFocus(i),
       onMouseDown: disableFocusOnSlideClick
     }), child);

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

@@ -44,6 +44,11 @@ export declare const Size: {
     readonly BIG: "big";
 };
 type SizeType = (typeof Size)[keyof typeof Size];
+export declare const Strategy: {
+    readonly ABSOLUTE: "absolute";
+    readonly FIXED: "fixed";
+};
+type StrategyType = (typeof Strategy)[keyof typeof Strategy];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -81,6 +86,10 @@ export interface ITooltipProps {
     isPortal?: boolean;
     /** Рендеринг компонента в указанном селекторе */
     portalSelector?: string;
+    /** Предотвратить появление скролла при рендере тултипа в body */
+    portalPreventScroll?: boolean;
+    /** Определяет позиционирование тултипа  */
+    strategy?: StrategyType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -85,6 +85,10 @@ export var Size = {
   SMALL: 'small',
   BIG: 'big'
 };
+export var Strategy = {
+  ABSOLUTE: 'absolute',
+  FIXED: 'fixed'
+};
 export var testIdPrefix = 'Tooltip';
 var cn = cnCreate('mfui-tooltip');
 var cnContainer = cnCreate('mfui-tooltip-container');
@@ -121,6 +125,10 @@ var Tooltip = function Tooltip(_ref) {
     _ref$isPortal = _ref.isPortal,
     isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
     portalSelector = _ref.portalSelector,
+    _ref$portalPreventScr = _ref.portalPreventScroll,
+    portalPreventScroll = _ref$portalPreventScr === void 0 ? false : _ref$portalPreventScr,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
     children = _ref.children,
     _ref$classes = _ref.classes,
     _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
@@ -169,6 +177,7 @@ var Tooltip = function Tooltip(_ref) {
   var options = useMemo(function () {
     return {
       placement: placement,
+      strategy: strategy,
       modifiers: [{
         name: 'arrow',
         options: {
@@ -199,7 +208,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
+  }, [placement, strategy, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
   var _usePopper = usePopper(currentTarget, popperElement, options),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes,
@@ -381,7 +390,7 @@ var Tooltip = function Tooltip(_ref) {
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
-    portalElem.current.setAttribute('class', cnContainer());
+    portalPreventScroll && portalElem.current.setAttribute('class', cnContainer());
     var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
     parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }

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

@@ -100,6 +100,8 @@ export interface ICarouselProps {
     gradient?: boolean;
     /** Цвет градиента */
     gradientColor?: GradientThemeType;
+    /** Отключить переключение слайдов при фокусе на дочерних элементах */
+    disableChildFocusPropagation?: boolean;
     children?: React.ReactNode;
 }
 declare const Carousel: React.FC<ICarouselProps>;

package/dist/lib/components/Carousel/Carousel.js

@@ -205,7 +205,9 @@ var Carousel = function Carousel(_ref) {
     _ref$gradient = _ref.gradient,
     gradient = _ref$gradient === void 0 ? false : _ref$gradient,
     _ref$gradientColor = _ref.gradientColor,
-    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor;
+    gradientColor = _ref$gradientColor === void 0 ? 'default' : _ref$gradientColor,
+    _ref$disableChildFocu = _ref.disableChildFocusPropagation,
+    disableChildFocusPropagation = _ref$disableChildFocu === void 0 ? false : _ref$disableChildFocu;
   var _React$useState = React.useState(),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     swiperInstance = _React$useState2[0],
@@ -318,6 +320,9 @@ var Carousel = function Carousel(_ref) {
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {
       var _a;
+      if (disableChildFocusPropagation && e.target !== e.currentTarget) {
+        return;
+      }
       if (loop) {
         // for correctly scroll the looped carousel to the focused element, we need to get its real index in the DOM-collection of slides
         // because swiper does not provide this, only data-swiper-slide-index, whose values are in the range from 0 to children.length - 1,
@@ -418,6 +423,7 @@ var Carousel = function Carousel(_ref) {
     return /*#__PURE__*/React.createElement(SwiperSlide, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       key: i,
       className: cn('slide', slideClass),
+      tabIndex: disableChildFocusPropagation ? 0 : undefined,
       onFocus: handleSlideFocus(i),
       onMouseDown: disableFocusOnSlideClick
     }), child);

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

@@ -44,6 +44,11 @@ export declare const Size: {
     readonly BIG: "big";
 };
 type SizeType = (typeof Size)[keyof typeof Size];
+export declare const Strategy: {
+    readonly ABSOLUTE: "absolute";
+    readonly FIXED: "fixed";
+};
+type StrategyType = (typeof Strategy)[keyof typeof Strategy];
 export interface ITooltipProps {
     /** Цветовая тема */
     colorTheme?: ColorThemeType;
@@ -81,6 +86,10 @@ export interface ITooltipProps {
     isPortal?: boolean;
     /** Рендеринг компонента в указанном селекторе */
     portalSelector?: string;
+    /** Предотвратить появление скролла при рендере тултипа в body */
+    portalPreventScroll?: boolean;
+    /** Определяет позиционирование тултипа  */
+    strategy?: StrategyType;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Size = exports.Placement = exports.Paddings = exports.Offset = exports.ColorTheme = void 0;
+exports.testIdPrefix = exports["default"] = exports.TriggerEvent = exports.Strategy = exports.Size = exports.Placement = exports.Paddings = exports.Offset = exports.ColorTheme = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
@@ -94,6 +94,10 @@ var Size = exports.Size = {
   SMALL: 'small',
   BIG: 'big'
 };
+var Strategy = exports.Strategy = {
+  ABSOLUTE: 'absolute',
+  FIXED: 'fixed'
+};
 var testIdPrefix = exports.testIdPrefix = 'Tooltip';
 var cn = (0, _uiHelpers.cnCreate)('mfui-tooltip');
 var cnContainer = (0, _uiHelpers.cnCreate)('mfui-tooltip-container');
@@ -130,6 +134,10 @@ var Tooltip = function Tooltip(_ref) {
     _ref$isPortal = _ref.isPortal,
     isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
     portalSelector = _ref.portalSelector,
+    _ref$portalPreventScr = _ref.portalPreventScroll,
+    portalPreventScroll = _ref$portalPreventScr === void 0 ? false : _ref$portalPreventScr,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'absolute' : _ref$strategy,
     children = _ref.children,
     _ref$classes = _ref.classes,
     _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
@@ -178,6 +186,7 @@ var Tooltip = function Tooltip(_ref) {
   var options = useMemo(function () {
     return {
       placement: placement,
+      strategy: strategy,
       modifiers: [{
         name: 'arrow',
         options: {
@@ -208,7 +217,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
+  }, [placement, strategy, arrowElement, fallbackPlacements, isOpen, isHiddenResize, currentBoundary]);
   var _usePopper = (0, _reactPopper.usePopper)(currentTarget, popperElement, options),
     styles = _usePopper.styles,
     attributes = _usePopper.attributes,
@@ -390,7 +399,7 @@ var Tooltip = function Tooltip(_ref) {
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
-    portalElem.current.setAttribute('class', cnContainer());
+    portalPreventScroll && portalElem.current.setAttribute('class', cnContainer());
     var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
     parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "8.13.2",
+    "version": "8.14.1",
     "files": [
         "dist",
         "styles"
@@ -104,5 +104,5 @@
         "simplebar-react": "^3.2.5",
         "swiper": "^11.1.1"
     },
-    "gitHead": "4f9585b11b9adfe177e8e56d6030490f6b35b243"
+    "gitHead": "2a821bd292e85f988223419cf69b8a86bbc6709f"
 }