@ozen-ui/kit 0.32.2 → 0.33.0

package/__inner__/cjs/components/DataList/DataList.js

@@ -134,7 +134,7 @@ var DataListRender = function (inProps, ref) {
             return (0, react_1.cloneElement)(elementChild, props);
         });
     }, [resolvedChildren, selectedState, focused, onClick]);
-    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, className: (0, exports.cnDataList)('', [className]), transitionProps: {
+    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: as, open: open, placement: "bottom-start", strategy: "absolute", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, className: (0, exports.cnDataList)('', [className]), transitionProps: {
             classNames: 'DataList-animation',
         } }, other, { onEntered: function () {
             onEntered();

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.css

@@ -15,11 +15,19 @@
     box-shadow: inset var(--shadow-outline-focused);
   }
 
-  .DataListOption_disabled {
+  .DataListOption_disabled,
+  .DataListOption_disabled:hover,
+  .DataListOption_disabled:active {
     cursor: not-allowed;
+
+    background-color: unset;
   }
 
   .DataListOption_disabled .ListItemText-TextPrimary,
-    .DataListOption_disabled .ListItemText-TextSecondary {
+    .DataListOption_disabled .ListItemText-TextSecondary,
+    .DataListOption_disabled:hover .ListItemText-TextPrimary,
+    .DataListOption_disabled:hover .ListItemText-TextSecondary,
+    .DataListOption_disabled:active .ListItemText-TextPrimary,
+    .DataListOption_disabled:active .ListItemText-TextSecondary {
       color: var(--color-content-tertiary);
     }

package/__inner__/cjs/components/Popover/Popover.js

@@ -22,11 +22,11 @@ var PopoverContext_1 = require("./PopoverContext");
 exports.cnPopover = (0, classname_1.cn)('Popover');
 exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, _h = props.as, as = _h === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _h, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
-    var _j = tslib_1.__read((0, react_1.useState)(false), 2), openState = _j[0], setOpenState = _j[1];
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? constants_1.POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, _k = props.as, as = _k === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _k, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
+    var _l = tslib_1.__read((0, react_1.useState)(false), 2), openState = _l[0], setOpenState = _l[1];
     var focusedElement = (0, react_1.useRef)(null);
     var popoverRef = (0, react_1.useRef)(null);
-    var _k = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _k.refsClickOutside, isTop = _k.isTop;
+    var _m = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _m.refsClickOutside, isTop = _m.isTop;
     // Ловушка фокуса
     var trapRef = (0, useFocusTrap_1.useFocusTrap)({
         active: !disableEnforceFocus && isTop,
@@ -72,6 +72,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
                 gpuAcceleration: false,
             },
         },
+        { name: 'preventOverflow', enabled: disablePreventOverflow },
         // Ширина всплывающего элемента
         {
             name: 'sameWidth',
@@ -119,12 +120,12 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _l = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _l[0], setPopperElement = _l[1];
-    var _m = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
+    var _o = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _o[0], setPopperElement = _o[1];
+    var _p = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
         placement: placement,
-        strategy: 'fixed',
+        strategy: strategy,
         modifiers: modifiers,
-    }), styles = _m.styles, attributes = _m.attributes, update = _m.update;
+    }), styles = _p.styles, attributes = _p.attributes, update = _p.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     (0, react_1.useEffect)(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);

package/__inner__/cjs/components/Popover/constants.d.ts

@@ -6,3 +6,5 @@ export declare const POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";
+export declare const POPOVER_DEFAULT_STRATEGY = "fixed";
+export declare const POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;

package/__inner__/cjs/components/Popover/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
+exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = exports.POPOVER_DEFAULT_STRATEGY = exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
 var Paper_1 = require("../Paper");
 exports.POPOVER_DEFAULT_TAG = Paper_1.Paper;
 exports.POPOVER_DEFAULT_ARROW = false;
@@ -10,3 +10,5 @@ exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
 exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 exports.POPOVER_DEFAULT_PLACEMENT = 'auto';
+exports.POPOVER_DEFAULT_STRATEGY = 'fixed';
+exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;

package/__inner__/cjs/components/Popover/types.d.ts

@@ -11,6 +11,8 @@ export type VirtualElement = {
 };
 export declare const popoverPlacementVariant: readonly ["top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end", "auto", "auto-start", "auto-end", "top", "bottom", "right", "left"];
 export type PopoverPlacementVariant = (typeof popoverPlacementVariant)[number];
+export declare const popoverStrategyVariant: readonly ["absolute", "fixed"];
+export type PopoverStrategyVariant = (typeof popoverStrategyVariant)[number];
 export type PopoverBaseProps = {
     /** Признак по которому компонент будет представлен */
     open?: boolean;
@@ -70,6 +72,10 @@ export type PopoverBaseProps = {
     setUpdate?: (update: PopperJS.Instance['update'] | null) => void;
     /** Контейнер для монтирования всплывающего окна */
     container?: PortalProps['container'];
+    /** Стратегия позиционирования */
+    strategy?: PopoverStrategyVariant;
+    /** Если {true} позволяет смещаться по границе якорного элемента компонента  */
+    disablePreventOverflow?: boolean;
 };
 export type PopoverRef = ComponentRef<typeof POPOVER_DEFAULT_TAG>;
 export type PopoverProps<As extends ElementType = typeof POPOVER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PopoverBaseProps, As>;

package/__inner__/cjs/components/Popover/types.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.popoverPlacementVariant = void 0;
+exports.popoverStrategyVariant = exports.popoverPlacementVariant = void 0;
 exports.popoverPlacementVariant = [
     'top-start',
     'top-end',
@@ -18,3 +18,4 @@ exports.popoverPlacementVariant = [
     'right',
     'left',
 ];
+exports.popoverStrategyVariant = ['absolute', 'fixed'];

package/__inner__/cjs/components/Tooltip/Tooltip.js

@@ -115,7 +115,7 @@ exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.cloneElement(resolveChildren, composeChildrenProps),
-        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ anchorRef: anchorRef, as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: (0, exports.cnTooltip)({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: (0, exports.cnTooltip)({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
                 size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });

package/__inner__/cjs/hooks/useHover/useHover.d.ts

@@ -1,9 +1,9 @@
 import type { RefObject } from 'react';
 export type UseHoverOptions = {
     /** Функция обратного вызова на событие перехода курсора на целевой элемент */
-    onEnter?: (e: PointerEvent) => void;
+    onEnter?: (e: MouseEvent) => void;
     /** Функция обратного вызова на событие покидания курсора с целевого элемента */
-    onLeave?: (e: PointerEvent) => void;
+    onLeave?: (e: MouseEvent) => void;
     /** Признак активности обработчика события, используется для повышения производительности. */
     active?: boolean;
 };

package/__inner__/cjs/hooks/useHover/useHover.js

@@ -23,13 +23,13 @@ options) {
     (0, useEventListener_1.useEventListener)({
         handler: handleEnter,
         element: elRef,
-        eventName: 'pointerenter',
+        eventName: 'mouseenter',
         active: active,
     });
     (0, useEventListener_1.useEventListener)({
         handler: handleLeave,
         element: elRef,
-        eventName: 'pointerleave',
+        eventName: 'mouseleave',
         active: active,
     });
     return value;

package/__inner__/esm/components/DataList/DataList.js

@@ -131,7 +131,7 @@ var DataListRender = function (inProps, ref) {
             return cloneElement(elementChild, props);
         });
     }, [resolvedChildren, selectedState, focused, onClick]);
-    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, className: cnDataList('', [className]), transitionProps: {
+    return (React.createElement(Popover, __assign({ as: as, open: open, placement: "bottom-start", strategy: "absolute", disableReturnFocus: true, disableEnforceFocus: true, offset: [0, 4], onClose: onClose, anchorRef: anchorRef, className: cnDataList('', [className]), transitionProps: {
             classNames: 'DataList-animation',
         } }, other, { onEntered: function () {
             onEntered();

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.css

@@ -15,11 +15,19 @@
     box-shadow: inset var(--shadow-outline-focused);
   }
 
-  .DataListOption_disabled {
+  .DataListOption_disabled,
+  .DataListOption_disabled:hover,
+  .DataListOption_disabled:active {
     cursor: not-allowed;
+
+    background-color: unset;
   }
 
   .DataListOption_disabled .ListItemText-TextPrimary,
-    .DataListOption_disabled .ListItemText-TextSecondary {
+    .DataListOption_disabled .ListItemText-TextSecondary,
+    .DataListOption_disabled:hover .ListItemText-TextPrimary,
+    .DataListOption_disabled:hover .ListItemText-TextSecondary,
+    .DataListOption_disabled:active .ListItemText-TextPrimary,
+    .DataListOption_disabled:active .ListItemText-TextSecondary {
       color: var(--color-content-tertiary);
     }

package/__inner__/esm/components/Popover/Popover.js

@@ -13,17 +13,17 @@ import { isKey } from '../../utils/isKey';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { Portal } from '../Portal';
 import { PopoverArrow } from './components';
-import { POPOVER_DEFAULT_TAG, POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, } from './constants';
+import { POPOVER_DEFAULT_TAG, POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, POPOVER_DEFAULT_STRATEGY, POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW, } from './constants';
 import { usePopoverManager } from './index';
 import { PopoverContext } from './PopoverContext';
 export var cnPopover = cn('Popover');
 export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, _h = props.as, as = _h === void 0 ? POPOVER_DEFAULT_TAG : _h, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
-    var _j = __read(useState(false), 2), openState = _j[0], setOpenState = _j[1];
+    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, _k = props.as, as = _k === void 0 ? POPOVER_DEFAULT_TAG : _k, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
+    var _l = __read(useState(false), 2), openState = _l[0], setOpenState = _l[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
-    var _k = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _k.refsClickOutside, isTop = _k.isTop;
+    var _m = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _m.refsClickOutside, isTop = _m.isTop;
     // Ловушка фокуса
     var trapRef = useFocusTrap({
         active: !disableEnforceFocus && isTop,
@@ -69,6 +69,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
                 gpuAcceleration: false,
             },
         },
+        { name: 'preventOverflow', enabled: disablePreventOverflow },
         // Ширина всплывающего элемента
         {
             name: 'sameWidth',
@@ -116,12 +117,12 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _l = __read(useState(null), 2), popperElement = _l[0], setPopperElement = _l[1];
-    var _m = usePopper(resolveReferenceElement, popperElement, {
+    var _o = __read(useState(null), 2), popperElement = _o[0], setPopperElement = _o[1];
+    var _p = usePopper(resolveReferenceElement, popperElement, {
         placement: placement,
-        strategy: 'fixed',
+        strategy: strategy,
         modifiers: modifiers,
-    }), styles = _m.styles, attributes = _m.attributes, update = _m.update;
+    }), styles = _p.styles, attributes = _p.attributes, update = _p.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     useEffect(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);

package/__inner__/esm/components/Popover/constants.d.ts

@@ -6,3 +6,5 @@ export declare const POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";
+export declare const POPOVER_DEFAULT_STRATEGY = "fixed";
+export declare const POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;

package/__inner__/esm/components/Popover/constants.js

@@ -7,3 +7,5 @@ export var POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export var POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
 export var POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export var POPOVER_DEFAULT_PLACEMENT = 'auto';
+export var POPOVER_DEFAULT_STRATEGY = 'fixed';
+export var POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;

package/__inner__/esm/components/Popover/types.d.ts

@@ -11,6 +11,8 @@ export type VirtualElement = {
 };
 export declare const popoverPlacementVariant: readonly ["top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end", "auto", "auto-start", "auto-end", "top", "bottom", "right", "left"];
 export type PopoverPlacementVariant = (typeof popoverPlacementVariant)[number];
+export declare const popoverStrategyVariant: readonly ["absolute", "fixed"];
+export type PopoverStrategyVariant = (typeof popoverStrategyVariant)[number];
 export type PopoverBaseProps = {
     /** Признак по которому компонент будет представлен */
     open?: boolean;
@@ -70,6 +72,10 @@ export type PopoverBaseProps = {
     setUpdate?: (update: PopperJS.Instance['update'] | null) => void;
     /** Контейнер для монтирования всплывающего окна */
     container?: PortalProps['container'];
+    /** Стратегия позиционирования */
+    strategy?: PopoverStrategyVariant;
+    /** Если {true} позволяет смещаться по границе якорного элемента компонента  */
+    disablePreventOverflow?: boolean;
 };
 export type PopoverRef = ComponentRef<typeof POPOVER_DEFAULT_TAG>;
 export type PopoverProps<As extends ElementType = typeof POPOVER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PopoverBaseProps, As>;

package/__inner__/esm/components/Popover/types.js

@@ -15,3 +15,4 @@ export var popoverPlacementVariant = [
     'right',
     'left',
 ];
+export var popoverStrategyVariant = ['absolute', 'fixed'];

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -112,7 +112,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
                 size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });

package/__inner__/esm/hooks/useHover/useHover.d.ts

@@ -1,9 +1,9 @@
 import type { RefObject } from 'react';
 export type UseHoverOptions = {
     /** Функция обратного вызова на событие перехода курсора на целевой элемент */
-    onEnter?: (e: PointerEvent) => void;
+    onEnter?: (e: MouseEvent) => void;
     /** Функция обратного вызова на событие покидания курсора с целевого элемента */
-    onLeave?: (e: PointerEvent) => void;
+    onLeave?: (e: MouseEvent) => void;
     /** Признак активности обработчика события, используется для повышения производительности. */
     active?: boolean;
 };

package/__inner__/esm/hooks/useHover/useHover.js

@@ -20,13 +20,13 @@ options) {
     useEventListener({
         handler: handleEnter,
         element: elRef,
-        eventName: 'pointerenter',
+        eventName: 'mouseenter',
         active: active,
     });
     useEventListener({
         handler: handleLeave,
         element: elRef,
-        eventName: 'pointerleave',
+        eventName: 'mouseleave',
         active: active,
     });
     return value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.32.2",
+  "version": "0.33.0",
   "description": "React component library",
   "files": [
     "*"